On my product page, one of the four variant images is showing in my list of images before the main media image. So when someone clicks on the product page, instead of the main product image showing, a swatch appears first and then the product image…followed by the remaining swatches. Can anyone help change this order??
Topic summary
Issue: On the product page, one of the variant images (a swatch) appears before the main media image. On initial load, the swatch shows first, then the main product image, followed by the remaining swatches.
Context: Store is using the Dawn theme in Shopify.
Requested help: Reorder images so the main product image displays first, with variant swatches afterward.
Responses so far:
- Clarified that solutions depend on the theme; asked which theme is in use.
- After learning it’s Dawn, requested the store link to investigate further.
- Store owner declined sharing the link and asked for general guidance instead.
Suggested approach (from replies): Typically involves editing the theme’s code—specifically Liquid template files that control product image display logic and variant selection—to adjust image ordering.
Status: Unresolved. Awaiting step-by-step, theme-specific instructions for Dawn that don’t require store access.
1 Like
To assist you better with rearranging the order of images so that the main product image appears first, followed by the variant swatches, it would be helpful to know which Shopify theme you’re using. Different themes might have slightly different methods or file structures, and knowing the specific theme can guide us in providing more accurate instructions.
If you’re not sure which theme you’re using, you can find out by going to your Shopify admin dashboard, clicking on ‘Online Store’, and then on ‘Themes’. Your current theme will be displayed at the top of the page.
Once I know your theme, I can give you a more tailored solution. Typically, this involves editing the theme’s code, particularly the sections related to product images and variant selection. It usually requires adjustments in the Liquid template files, which control the display logic on your Shopify store. But don’t worry, I’ll guide you through the steps once I know more about your theme!
Thanks! I am using the Dawn theme.
Can you share the link to your store? So I will be able to deep dive and find a solution.
I would prefer to not share that at the moment. Was hoping you could provide insight without going into the store yourself.
1 Like