Add to cart and buy now disappear

Solved
xchicox
New Member
3 0 0

Can anyone please help me. When selecting the variant the add to cart button is not clickable and the buy now button will disappear.

 

below is the store.

 

www.hanacelbeauty.com

 

Thank you so much

Accepted Solution (1)

Accepted Solutions
Hamzaa
Excursionist
15 3 3

This is an accepted solution.

Hi @xchicox ,

 

The issue is in the variant app you are using. However, I have found the solution for it and I hope it will work.

 

1 ) In your theme code section, open the product-template folder

2) Press CTRL+F and find the "variant-radios" script

3) Change the "variant-radios" tag to "div" tag

 

Before :

<variant-radios class="no-js-hidden" data-section="template--15407481356504__main" data-url="/products/la-variente-bb-cream"><fieldset class="js product-form__input">
<legend class="form__label">Color</legend><input type="radio" id="template--15407481356504__main-Color-0" name="Color" value="Light" form="product-form-template--15407481356504__main" checked="">
</variant-radios>

 

After :

<div class="no-js-hidden" data-section="template--15407481356504__main" data-url="/products/la-variente-bb-cream"><fieldset class="js product-form__input">
<legend class="form__label">Color</legend><input type="radio" id="template--15407481356504__main-Color-0" name="Color" value="Light" form="product-form-template--15407481356504__main" checked="">
</div>

 

If you need assistance in speed optimization, contact me on shopifyspeedexperts@gmail.com

View solution in original post

Replies 2 (2)
Hamzaa
Excursionist
15 3 3

This is an accepted solution.

Hi @xchicox ,

 

The issue is in the variant app you are using. However, I have found the solution for it and I hope it will work.

 

1 ) In your theme code section, open the product-template folder

2) Press CTRL+F and find the "variant-radios" script

3) Change the "variant-radios" tag to "div" tag

 

Before :

<variant-radios class="no-js-hidden" data-section="template--15407481356504__main" data-url="/products/la-variente-bb-cream"><fieldset class="js product-form__input">
<legend class="form__label">Color</legend><input type="radio" id="template--15407481356504__main-Color-0" name="Color" value="Light" form="product-form-template--15407481356504__main" checked="">
</variant-radios>

 

After :

<div class="no-js-hidden" data-section="template--15407481356504__main" data-url="/products/la-variente-bb-cream"><fieldset class="js product-form__input">
<legend class="form__label">Color</legend><input type="radio" id="template--15407481356504__main-Color-0" name="Color" value="Light" form="product-form-template--15407481356504__main" checked="">
</div>

 

If you need assistance in speed optimization, contact me on shopifyspeedexperts@gmail.com

View solution in original post

xchicox
New Member
3 0 0

Thank you so much. It worked