Shopify Extension Javascript-React

Desplo1
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 {
  reactExtension,
  InlineLayout,
  View,
  Image,
  Text,
} from '@shopify/ui-extensions-react/checkout';

export default reactExtension(
  'purchase.checkout.block.render',
  () => <Extension />,
);

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

 

Screenshot 2023-10-23 at 15.25.52.png

Reply 1 (1)

BSS-Commerce
Shopify Expert
3477 460 516

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