Can I customize the product image element on my webpage?

Shopify Apps
1

Hi There,

I want to know if it’s possible to customize the product image element. e.g. attach events, modify the DIV structure.

Thanks

2

In theory, yes.

Since you’ve posted this in the apps section then it’s worth calling out that all themes could have wildly different code and layouts in place. It would be quite hard for code in your script tag to correctly detect the product images to modify the surrounding html or attach events. Hence the in theory comment!

If you post some more details on the need I can get nudge you in the right direction but perhaps the vague comment from me above is enough.

1 Like
3

Thanks Jason,

What I want is to render the product image by my script, not sure if it’s possible.



#product-image {width: 400px}

var image = document.getElementById("product-image");
......

Thanks