Dynamic images are images that update to match the customers selection. If you’ve used the swatches option type and added images, you can set up dynamic images to ensure the product page image changes automatically based on the swatches your customers select.
Requirements
This feature will only work for the swatches option type.
Make sure you've added images to your option values.
Enable changing the product image upon selection
Click Options, then click on any option with Swatches as the option type.
Tick Change product image on selection setting.
Click Save.
Edit the theme
Go to Online Store > Themes, expand the menu next to the theme you want to edit, then click Edit code.
Search for
product-thumbnail.liquid
file.Usually, the
product-thumbnail.liquid
file is located in the Snippets or Sections folder.
Add the
<div class="zapiet-product-image-container img">
class to the file.The class you need to add to the file can also be found in Zapiet - Product Options > Settings > Dynamic options > Dynamic image.
Click Save.
Now when your customers select a different option, the image on the product page will dynamically change to reflect their choice.
If you face any issues while setting this up, please let us know on chat and we'll be happy to help!