Add to Cart disabling when in stock product variant selected

Store Design
, , ,
1

Hello,

I am experiencing countless issues with the Dawn theme - I have the the latest version (7.0.1), having only just built and launced my store in November 2022.

Many of the add to cart and cart features that appeared to be common and “fixed” have still been an issue for me, requiring updates with the original coding.

My most recent issue is that the Add to Cart button becomes disabled when a product variant is selected on the product page. The only work around this is to manually refresh the page.
Console produces the following error located in the global.js file (line 854 this.toggleAddButton(!this.currentVariant.available, window.variantStrings.soldOut)

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘soldOut’)
at global.js?v=149496944046504657681669155344:854:84
(anonymous) @ global.js?v=149496944046504657681669155344:854
Promise.then (async)
renderProductInfo @ global.js?v=149496944046504657681669155344:845
onVariantChange @ global.js?v=149496944046504657681669155344:772

My website is www.rawaffection.com.au

Any help in resolving this would be greatly appreciated.

2

Hi @Olive_Dragon

We checked the button “Add to cart” on your site, but it is still working properly. Maybe you mean to “Buy it now” button. This button has a CSS pointer-events: none; so it can’t be clicked

=> Add this css at the end of the file base.css

.product-form__buttons button.shopify-payment-button__button {
  pointer-events: visible !important;
}

I hope that this can help you solve the issue.