How Do I Disable Auto Select Variant - Dawn Theme

Store Design
, ,

Topic summary

Goal: stop the Dawn theme (Shopify’s default theme) from auto-selecting the first available product variant on page load, because each variant has distinct media/images and a neutral default is desired.

Latest updates:

  • A theme/app partner requested a store preview link to inspect. Two product links were provided: urbanelectrons.in/products/ultra-2 (OP) and jovialsapid.com/… (another user).
  • The OP, comfortable with code, asked for the exact line/file to change (e.g., product-template.liquid) to disable auto-selection.

Additional issue raised:

  • When the second option is sold out, the first option sometimes does not revert to “available” after navigating back from the sold-out selection.

Context/terms:

  • Variant = a product option (e.g., size/color) with its own availability and images.
  • product-template.liquid = the product page template controlling selection behavior in Dawn.

Outcomes/decisions:

  • No code snippet or concrete fix has been shared yet; only requests for links and confirmation of the problem.

Status: unresolved and open. Key need: specific code changes in the Dawn product template (or related JS) to prevent auto-selection and to ensure availability state resets correctly.

Summarized with AI on January 6. AI used: gpt-5.
1

I have different media library for the product. And different variant images.

Whenever the landing page loads, the first available variant is auto selected. I want to turn that o

1 Like
2

Hi @ja_aach ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

3

Hi, I got the same thought.. could you visit mine product page at https://jovialsapid.com/products/kuromi-twin-thermos-bottle-%E5%BA%93%E6%B4%9B%E7%B1%B3%E5%8F%8C%E9%A5%AE%E4%BF%9D%E6%B8%A9%E6%9D%AF-sus316-550ml

I have 2 questions actually, first is how to turn off/deselect the auto-select on 1st option. Second issue is, as my second option was sold out, sometimes my first option will not back to available after click back from the sold out selection.

Could you give some advise on this? Ohya I am using dawn theme.

4

Here the link: https://urbanelectrons.in/products/ultra-2

I understand coding. So, tell me what line in product-template.liquid supposed to be removed. Or from any other file. Just let me know.