All Collections
Filter Menu
Design customisation
Show the variant image that matches the selected filter(s)
Show the variant image that matches the selected filter(s)

Most themes will show the default product image, regardless of the filters. Learn how to show the matching variant image (Advanced)

Brad Rees avatar
Written by Brad Rees
Updated over a week ago

When you select a filter in most themes, it will show the default product image. This is fine in most cases unless you have different images for your product variants. 

For example, if you have a filter for your Red variants, and red images on those variants, then you would probably want to show the red images, instead of the default blue image. 

This will require some theme modification. We have an automated installer for adding this feature, however, due to differences in themes, it may require manual installation.

The helper is called Variant image selected, and can be found in the app sidebar under Theme Installer, then under the "Additional Code Helpers" section.

The installer will also add some new theme settings to your theme editor, under "Variant Images" - these settings will allow you to select which variants the helper should show the images for. The default options are color and material.

You may need to follow the manual steps, depending on your theme.

If you have any additional questions, please contact support through the live chat in the app, or at

Did this answer your question?