Hi everyone,
We’re building a Theme App Extension to allow merchants to add custom personalization fields to their product pages. So far, we’ve successfully implemented this via an app-block.liquid that renders on the product template. Now, we’re looking to enhance the cart experience and are running into some questions:
Goals:
Update product image in cart – Replace the standard product image with a custom image uploaded/generated via our app on the product page.
Add “Preview Design” button – Include a button in the cart that opens a popup to show the custom design preview (e.g. personalized t-shirt).
Auto-enable on cart page – We want the cart update to be seamless, meaning if the merchant enables the app block on the product page, it should automatically render required elements on the cart page too, without asking them to manually add or enable a separate app block.
Questions:
How can we target the cart page through the same app extension or block? Is it possible to render elements on the cart page using our current app-block.liquid setup or do we need a separate extension instance/template?
What’s the recommended way to customize the product image in the cart (e.g. show personalized image based on line item properties)?
Can we inject a “Preview Design” popup via JS in the cart? If so, any best practices to do this via an extension while keeping performance and compatibility in mind?
We’ve seen apps like Customily (https://customily.myshopify.com/) and Teeinblue do this — any insight into how they structure their extension for both product and cart?
Any help or guidance from the community would be greatly appreciated!
Thanks in advance!