For discussing the development and usage of Checkout UI extensions, post-purchase extensions, web pixels, Customer Accounts UI extensions, and POS UI extensions
I want to customize adding the image QR code in additional details payment method
Before using checkout.liquid:
After coding in checkout.liquid to add image QR code
But in the future the checkout.liquid will be removed and switched to checkout extensibility so I need to migrate checkout.liquid to checkout extensibility
I read the document about checkout extensibility but I can't find the solution to add image into additional detail payment method.
After researching I see Shopify provides the payment customize function to hide and rename payment method but does not have a way to customize (add image) the additional field payment method
Please help me in this case!
Thank you very much
Hi Quandev,
You should be able to add images (in your case a QR code) to checkout with a checkout UI extension using the Image component.
Liam | Developer Advocate @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit Shopify.dev or the Shopify Web Design and Development Blog
I know your idea but I really want to add an image to the exact Additional Details field of the payment method instead of creating a new image component like you said
I also have the exact same problem. Can someone please help?