Hi @made4Uo - thank you for the reply. how do you custom code so you set the default (big image) when the user is routed to your product initially?
Thanks,
Ankita
Topic summary
A Dawn theme user wants to prevent variant images from automatically replacing the main product image on the product page. Currently, when customers select color variants (cream/brown or gold/tan), those variant images immediately become the primary display image, overriding the default product photo.
Desired Behavior:
- Main product image should remain visible by default when the page loads
- No variant should be pre-selected initially
- Variant images should only appear when users actively select an option
- Variant images should display as secondary/last images rather than replacing the main image
Proposed Solutions:
- JavaScript approach: Custom code added to main-product.liquid that stores the original main image and resets it when variants change
- Template modification: Adjusting variant settings and product image order in Shopify admin, though one responder notes Dawn theme automatically routes to the first available variant by default
- Limitation noted: Shopify’s default behavior doesn’t support deselecting variants initially without custom coding
Status: The discussion remains open with multiple solutions suggested but implementation details still being clarified, particularly regarding exact code placement in the theme files.