Product page main photo

Topic summary

A user is experiencing an issue with the Dawn theme where product pages display the first variant’s image instead of the designated main product photo. The desired behavior is for the main photo to appear initially, with variant images only showing when customers select specific variants.

Current Problem:

  • Main photo is configured in the product backend
  • First variant photo displays on page load instead
  • Store: kemeti.com (password-protected)

Attempted Solution:
Another user provided JavaScript code to be added to theme.liquid above the </body> tag, with step-by-step implementation instructions.

Status: The proposed solution did not resolve the issue. The problem remains unresolved and requires further troubleshooting.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.

Hi guys hope you well .

I’m using ( Dawn theme )

store : www.kemeti.com

pass : 5523673

  • the problem , i already setup main photo for my product page , but once you open product page , first variant photo shows up .

  • i want the main photo appear and if customer press the variant it appear .

  • here is my product backend :

  • and here is how it show in the fronend :

Hi @Mohamed-28 Hopefully you have found the solution for this issue, if not then here is the code you can use to solve the issue of product page.


Please follow the steps:

  1. Login in shopify admin.
  2. Click on the Online Store.
  3. Then click on the button next to Customize in live Theme.
  4. Click Edit Code.
  5. Search theme.liquid in the code in left hand side in your theme.
  6. Add the following code in the bottom of the file above tag

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

1 Like

unfortunatily , didn’t work