How to set up your images

To enable our app to filter for the relevant images and hide all non-relevant images, we need to be able to read the image ID. Unfortunately not all Shopify themes have that ID included. But no worry, it’s just a tiny line of code which needs to be added.

If you know your way around HTML and have opened the Shopify liquid files before, hop over to your product.liquid, product-template.liquid in sections oder something like image-gallery.liquid in snippets (it's different from theme to theme) and look out for the place where the images come into play:

Note that the highlighted area is only rendering the thumbnails. The main image is above that area.

Please add data-image-id="{{ image.id }}" into the image tag ( behind the <img ) as shown in the screenshot.

That should already do the trick.

If you don’t feel comfortable messing around in your liquid file please reach out to us, and we will help you with that change!

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.