Fix Add to Cart error on page load/slower connections (#3008)

Shopify · Oct 5, 2023 · a64da0f · a64da0f
1 parent 7ee3da2
commit a64da0f
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/assets/product-form.js b/assets/product-form.js
@@ -66,7 +66,11 @@ if (!customElements.get('product-form')) {
             }
 
             if (!this.error)
-              publish(PUB_SUB_EVENTS.cartUpdate, { source: 'product-form', productVariantId: formData.get('id'), cartData: response });
+              publish(PUB_SUB_EVENTS.cartUpdate, {
+                source: 'product-form',
+                productVariantId: formData.get('id'),
+                cartData: response,
+              });
             this.error = false;
             const quickAddModal = this.closest('quick-add-modal');
             if (quickAddModal) {

diff --git a/snippets/buy-buttons.liquid b/snippets/buy-buttons.liquid
@@ -55,7 +55,9 @@
           type="hidden"
           name="id"
           value="{{ product.selected_or_first_available_variant.id }}"
-          disabled
+          {% if product.selected_or_first_available_variant.available == false or quantity_rule_soldout %}
+            disabled
+          {% endif %}
           class="product-variant-id"
         >
 

diff --git a/snippets/card-product.liquid b/snippets/card-product.liquid
@@ -277,7 +277,9 @@
                     name="id"
                     value="{{ card_product.selected_or_first_available_variant.id }}"
                     class="product-variant-id"
-                    disabled
+                    {% if card_product.selected_or_first_available_variant.available == false %}
+                      disabled
+                    {% endif %}
                   >
                   <button
                     id="{{ product_form_id }}-submit"