Why is my Shopify product image order not displaying correctly?

AnthonyGosling
Excursionist
36 1 5

Hello everyone,

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:

media order.PNG

 

 

 

 

 

 

 

 

 

 

 

And here is a screenshot of what the actual order should be:

actual order.PNG

 

 

 

 

 

 

 

 

 

 

 

This is the same problem with all of these products:

https://adorethepaw.myshopify.com/collections/for-dogs/products/slow-eating-bowl

https://adorethepaw.myshopify.com/collections/for-cats/products/wiggly-fish-toy

https://adorethepaw.myshopify.com/collections/for-humans/products/thermal-cat-bottle

https://adorethepaw.myshopify.com/collections/for-humans/products/personality-cat-paw-comfortable-so...

 

If anyone could fix this with code, or any other method, your help would be much appreciated.

Thanks, everyone,

Anthony

Replies 5 (5)

tim
Shopify Expert
3258 232 1178

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.

AnthonyGosling
Excursionist
36 1 5

Hey @tim,

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.

AnthonyGosling_0-1615734617884.png

Is there any way at all that you may be able to fix this, so I can still use the Debutify theme?

Thanks,

Anthony

tim
Shopify Expert
3258 232 1178

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.

 

 

AnthonyGosling
Excursionist
36 1 5

Hey @tim,

What would your price be for the changes?

We are on a very low budget, and this could be changed to suit what we want if the price is too much.

Thanks for your help so far,

Anthony

chrisemaze
Visitor
1 0 0

Hi Tim,

 

How much to help fix this issue?