I have created a custom section on the product page titled “CUSTOMIZE YOUR SHORT”, which includes three selectable options:
- Add your initials
- Select Zipper (which increases the price by 15% if selected)
- Select Style
When these options are selected and the item is added to the cart, all three customizations correctly appear, and the 15% price increase is applied. However, when proceeding to the checkout page, the updated price and associated images from the cart page do not appear correctly.
see images
Hello,
If you see the checkout page, I have added these custom options on product page (see image) and when click on add to cart, It works fine if you above attached cart image (see image) than go to checkout page it is not getting all values and images and prices as per cart on the checkout page.
No, I am using the app, i have created myself via metafields.
Hi @kewalsuthar51
To customize your checkout, you’ll need to use a Checkout UI extension, which has an <Image> component that is designed to display images:
How are you currently showing those metafields in your checkout? Through an app?
If so, perhaps the app has the option to display images as well.
Hi @KewalSuthar51
On checkout, line item properties are shown as it is so since images are stored as image urls so these are showing same on checkout, We can’t show them as images using image tag like on cart page, so to avoid such issue, you can hide these line properties from the cart page by prefixing the property name with “_” Like “_Zippper”, in this way those still will go in order but will be hidden on cart and checkout page
Thanks!
