I am experiencing a very strange bug with my media order on product pages with variants.
I use the Debutify theme, however, Debutify has essentially told me they can't help. The same goes for Shopify Support, so this really is the last hope.
So, on my product pages, I have a featured image, also used as the product thumbnail that should appear first, then followed by the variant images, in the order listed on the site.
However, what is actually going on is that the first variant product image shows, then the thumbnail (which should be first), then the other product variant images.
If you need the URL, it's adorethepaw.myshopify.com
Here is a screenshot of the Shopify Admin Media Order for one of the products:
And here is a screenshot of what the actual order should be:
This is the same problem with all of these products:
If anyone could fix this with code, or any other method, your help would be much appreciated.
Hi Anthony, this is definitely the theme problem/feature.
I can confirm that internal order of images is the same as in your admin screenshot, but theme serves them in a different order. Unfortunately, it's difficult to tell further without seeing the theme code. But should be fixable.
You can always install a free Shopify theme, like Debut and look at your products in this theme preview -- this way you will be able to confirm whether it's a theme or backend problem.
Here is a photo of what happened when I switched to preview Shopify's Free Debut theme.
As you can see, underneath the main image, the order is correct, however still the featured image is the first variant.
Is there any way at all that you may be able to fix this, so I can still use the Debutify theme?
So this confirms that theme changes the order of images.
Now, most themes by default select first variant and display its image when you arrive on the product page.
Some themes have option to not do it, but then there usually no price shown (since there is no selected variant) and cart button is disabled.
It's still possible to edit your theme to make it work the way you want -- mail me at the address below if you consider hiring me to do it.