How to display total checkout in a new javascript-react app?

Shopify Partner
8 0 0

Hi, I created new app in my store, in extension need display the total of checkout, but i don't know display, this is my code:

import {
} from '@shopify/ui-extensions-react/checkout';

export default reactExtension(
  () => <Extension />,

function Extension() {  
  return (
    <InlineLayout border="base" cornerRadius="large" columns={['20%', 'fill']}>
      <View padding="base">
      <View padding="base">
        <Text size="small">Pay in 4 interest-free payments of at the end of the checkout.</Text>


Screenshot 2023-10-23 at 15.25.52.png

Reply 1 (1)

Shopify Expert
3477 461 519

Hi @Desplo1 ,

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development