Dawn theme - Select a product variant by clicking its image

Topic summary

Goal: Enable selecting a product variant by clicking its corresponding image in the Shopify Dawn theme (Online Store 2.0).

Context and current behavior:

  • Currently, selecting a variant updates the image, but clicking an image does not set the variant (it defaults to a specific option like “1”).

Guidance and limitations:

  • Assigning images to variants in the admin links images to variants, but does not make image clicks select variants.
  • Implementing image-to-variant selection on Dawn (OS 2.0) is non-trivial; many existing tutorials target “vintage” themes and don’t apply directly.

Suggested approaches:

  • UI tweak: switch to a thumbnail image slider (video tutorial referenced) as a base for custom behavior.
  • Custom JavaScript is needed to map image clicks to variant selection; hiring a developer or using an app is recommended.
  • App option mentioned: Rubik Variant Images (filters gallery to images of the selected variant; may not fully implement image-to-variant selection).

Status:

  • No step-by-step solution provided. The request remains open; key need is custom JS or a compatible app for Dawn/OS 2.0.
Summarized with AI on December 14. AI used: gpt-5.

Hi!

You can try the Rubik Variant Images app. It ensures that only the images corresponding to the selected variant are displayed.

Hope this helps!

https://apps.shopify.com/rubik-variant-images/