Hi, how can i make the main photo display be the first photo to be viewed when clicked instead of the first variant please thanks
Topic summary
Goal: make the main product photo display first on the product page when viewed/clicked, instead of the first variant image.
Update: Achievable, but requires theme code customization; no built-in setting was provided.
Workaround without code: set each product’s main image to be the same as the first variant’s image, so the initial display aligns with the variant image. This does not change the default behavior to show a distinct main image first.
Context: A “variant” is a specific option combination (e.g., color/size) that can have its own image.
Outcome: No step-by-step code or settings shared; assistance was offered as a service for customization.
Status: Unresolved/ongoing; showing the main photo first will require custom development.
1 Like
Hello @finixx01888 ,
Possible but not without customization.
btw if you don’t want to customize the code try to replace each main image with the variant first image. In this way without editing the code the first variant image will be there.
If you need help with customization/code part you can contact me for services
You can find the email in the signature below.
Thanks