Show Main Product Image first instead of Variant Product Images

Topic summary

Main issue: Product pages default to showing the first variant’s image, but the goal is to display the main product image by default.

Proposed fix: Remove (unassign) images from individual variants so the page falls back to the product’s main image.

  • Navigate to each variant and unselect its assigned image.
  • This avoids theme/code changes and relies on platform behavior to use the primary image when no variant image is set.
  • An attached screenshot illustrates the UI for unselecting variant images.

Context: “Variant image” = image tied to a specific option (e.g., size/color). “Main product image” = the default primary image.

Status: A clear workaround is provided; no confirmation of implementation or success yet, so the issue appears open.

Summarized with AI on December 22. AI used: gpt-5.

Hi, asking if anyone knows how to change my website such that the main product image shows first when someone clicks into the product listing? Right now when user clicks in, it shows the variant image of the 1st variant option. I want it to show the main product image as the default. Thanks!

My website is www.verterra.sg

Hi @Verterra I think you should unassign variant images, and then it will work the way you want.

Click on the variant images and unselect them.