Cant select colour when buying a product on my store

[RadiantStore]

When I go on my store(lifeeimprovement.myshopify.com) I click to any product that has different colours, usually the default colour is only available. When I click on other colours, it makes the buying button grey.

[dws_pvt_ltd · Accepted solution]

Hello @RadiantStore, It occurs when you change the variants. because of there is some error in your java-script file which is "product-info.js". Revert the changes of this file if you have done any customisation in java-script code in this file. You are using the Dawn 15.0.0, so simply just download the fresh theme in your theme store and add the fresh code of this file to your live stores theme code of the "product-info.js". 

See the screenshot below and try to resolve this error which is coming from "product-info.js".

Feel free to reach out if you have any questions or need assistance.

Best regards,

DWS.

[dws_pvt_ltd · Accepted solution]

Hello @RadiantStore, It occurs when you change the variants. because of there is some error in your java-script file which is "product-info.js". Revert the changes of this file if you have done any customisation in java-script code in this file. You are using the Dawn 15.0.0, so simply just download the fresh theme in your theme store and add the fresh code of this file to your live stores theme code of the "product-info.js". 

See the screenshot below and try to resolve this error which is coming from "product-info.js".

Feel free to reach out if you have any questions or need assistance.

Best regards,

DWS.

[RadiantStore]

That sounds hard to do, If you dont mind can you send a video tutorial please? Thanks for your response.

[Roy-ロイ · Accepted solution]

Hi @RadiantStore , 

I just have the fix for you. 

To get started, follow these steps:

1. Log in to your Shopify Admin panel.
2. Go to Online Store > Theme > Edit code.
3. In the code editor, navigate to the share-button.liquid file.
4. Find the below code:

<script src="{{ 'share.js' | asset_url }}" defer="defer"></script>​

       5. Paste the below code right above the "share.js" script. 
         

<script src="{{ 'details-disclosure.js' | asset_url }}" defer="defer"></script>

[RadiantStore]

Thank you so much it works now. Have a nice day, you saved me!