Hello.
I am working with app theme extension (written in react JS) which i am embedding on my shopify product page (attaching screenshot as well). I am getting most of the product related information in my app-block liquid file that I created in my extension app. now I want to make changes to the already existing shopify product’s page design. can i get and edit html related stuff in my app theme extension? the product’s design that is coming from the shopify side.
if you’d see my screenshot, I want to be able to render changes into the main product image on the basis of my app theme extension field. for example, if I give some input in the name field, it should be rendered on the product picture. that particular product picture would be coming from the app theme extension code itself. so, basically I would be editing the shopify’s product html using my app theme extension.
here’s a competitor website whose workflow we are trying to replicate. https://customily.myshopify.com/collections/mugs-and-drinkware/products/personalized-wine-tumbler-wine-goals-customized-clipart
so in short, we need to be able to access the current product’s page design - and be able to edit it by rendering images from our own app theme extension code.
https://shopify.dev/docs/apps/build/online-store/theme-app-extensions/configuration