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 on Settings, then click on Options list to view your options.
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.liquidfile.Usually, the
product-thumbnail.liquidfile is located in the Snippets or Sections folder.
Prepend
<div class="zapiet-product-image-container">to the start of the code.
Add a closing
</div>at the end of the code.
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!