I choose the main photo of the product but the website only shows the photo of the first variant as the main and first photo. How to solve this so order i choose will be displayed correctly.
Topic summary
Issue: The merchant selects a specific main product image, but the storefront always displays the first variant’s image as the primary image. They want the chosen image order to appear correctly regardless of variant order.
Context: A product link and screenshot were provided, showing the intended main image (marked with a red border) not being used. The site instead defaults to the first variant image.
Explanation: A responder states this is standard Shopify behavior—when variant images exist, the first variant image appears as the main image on the product page. “Variant images” are images tied to specific product options (e.g., color/style variants).
Next steps: Changing this requires adding custom code to the theme to override the default behavior. Assistance was offered to implement this. Status: Unresolved in-thread; awaits custom theme changes or further action from the merchant.
Colorful Air Humidifier - 7 Color Flame – ABSalez
The main picture i choose is the one in the red border but it always chooses the first variant picture.
Hello @ahmadABZ ,
Hope you are doing well. If you have product variant images, then the first variant image will show as your main product image on the product page. This is how Shopify works. If you want, then we can solve this for you. To do that, we need to add some custom code to your theme.
Please reach out to me if you have any questions about it.
Thank you.