How to show Images of the Selected Variant only
Last updated
Last updated
This feature is advanced so make sure the App is properly working on your store before continuing.
Hint: start with one simple Product or create a demo Product to understand the base principle. In this example we use a Product with 2 Images per 2 Variants.
In this guide we are going to work on a simple Product that has 4 Images:
and 2 variants:
By default Shopify does not allow assigning multiple Images to a Variant. You can only select one Featured Image for each Variant:
Most Shopify Themes simply show all Images of a Product and "scroll" to the Featured Image when a Variant changed:
With the help of our Product Page Slider App you will be able to assign multiple Images to a Variant and only show relevant Images for each Variant. For example, if "Blue" Variant is selected - only blue Images will be visible:
It is very important to keep your Images organized especially when dealing with numerous Variants. For our App to work properly it's required to not mix Images of different Variants.
What it means for our Demo Product is that all Images of the "Blue" Variant go first and then followed by all "Sandy" Images. For example, having one "Sandy" Image in between of two "Blue" Images is not valid.
You can always reorder Images in the Product Settings page by drag&dropping them:
Now you should assign the very first Image of each Variant to it's Featured Image:
If you have some Variants that are not supposed to have it's own Images (for example if you have "Size XL") - just leave the Featured Image empty.
In the App's Configuration page go to "Extra Features" Tab. Check the "Show only Selected Variant Images" and click "Apply Changes":
If you followed all the steps you should see the effect live on your store. If you notice any issue - feel free to contact our support team.
Yes, you can add Videos just as Images. Videos will be assigned to Variants following the same convention described above. The only limitation is that a Video cannot be selected as the Featured Image so you should put a Video after the Featured Image.
You can have some Images "Common" for all Variants without the need to duplicate them. For this just put the "Common" Images at the very beginning before the very first Variant:
These "Common" Images will be appended at the end for each Variant:
Following this rule you can have as many "Common" Images and Video as needed.
