Image Changing in Dawn disable

[Ferismateam]

Hey,
The Standard settings in Dawn in the Product Page if you chose a variant the images go to the first postion but i dont want it could anyone help?

regards
your lovely ferisma

[ReturnPrime]

Hi @Ferismateam ,

1. • To adjust the variant images in Shopify's Dawn theme so they don’t move to the first position when selected, follow these steps:

     1. Access Your Shopify Admin:

        • Go to Online Store > Themes.

     2. Edit Your Dawn Theme:

        • Find your Dawn theme and click on Actions > Edit code.

     3. Locate the Main Product File:

        • In the Templates section, look for main-product.liquid (or product.liquid depending on your version) and click on it. It may also be located in the Sections folder.

     4. Identify the JavaScript Code:

        • Look for the JavaScript code that handles image sorting when a variant is selected. This code typically triggers the reordering of images.

     5. Modify the Code:

        • Find the line responsible for moving the selected variant image to the first position. You can comment it out or adjust it.

     6. Save and Test:

        • Save your changes and refresh your product page to see if the issue is resolved.

Always back up your theme code before making any changes, and test the functionality on various devices to ensure it works as intended.

[namphan]

Hi @Ferismateam,

Please send the website link, I will check it for you

[Ferismateam]

Hey there is no website because its offline, like i said its the dawn theme

[namphan]

Hi @Ferismateam,

Which version of Dawn are you using, because versions will have different JS code for media

[Ferismateam]

hey the newest 15.20

[namphan]

Hi @Ferismateam,

Please go to product-info.js file, line 302 and remove code here:

I hope it helps!