Disable auto select variant Dawn theme

Store Design
, ,
1

I am using dawn theme and pill variants. When the page loads, the first variation is selected by default, but I don’t want this because there are other variations that need to be selected after the first one. Since it is selected by default, the “Add to Cart” option can be used before the other variations are visible and I don’t want that.

2

Hi @BerkerOzer

  1. Go to Online Store → Theme → Edit code.
  2. Open your product-variant-options.liquid and remove this
{% if value.selected %}
        checked
      {% endif %}

code from your file.

websensepro_0-1737370748554.png
websensepro_0-1737370748554.png399×177 29.2 KB

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! :rocket: (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!

3

Hi @websensepro ,

Now even I select a variant it doesn’t look like selected.

4

Hi @BerkerOzer ,

It will be a complex request with many steps to follow:

  • Disable default selection for first display in main-product.liquid file.

  • Show message when customer has not selected variant using JS.

So I recommend you to hire a professional for this, it will be difficult to guide everything in detail

5

Hi @namphan ,

I just need this one

-Disable default selection for first display in main-product.liquid file.

the message you mentioned is already there