Shopify Add to Cart Button Not Working? How to Fix It

Why your Shopify Add to Cart button may stop working

The Add to Cart button is one of the most important elements of a Shopify storefront. When it stops responding, customers may be unable to add products to their cart, even when the product page loads normally.

The problem can come from the theme, JavaScript errors, product variant configuration, or a third-party application.

This guide explains how to investigate the issue and reduce the risk of missed sales.

1. Check whether the product is available

Before changing your theme, confirm that the affected product can actually be purchased.

• Open the product in your Shopify Admin.
• Confirm that the product is active and available through your Online Store.
• Check the inventory and availability of the selected variant.
• Try a different product to see whether the problem is isolated.
• Check whether the button behaves differently for other variants.

If only one product is affected, investigate its configuration before making storefront-wide changes.

2. Look for JavaScript errors

Many Shopify themes use JavaScript to update product forms, select variants, and interact with the cart.

A JavaScript error may prevent the Add to Cart action from completing.

• Open the affected product page in your browser.
• Open Developer Tools and select the Console tab.
• Click Add to Cart and look for new errors.
• Check whether the issue appeared after installing or updating an app.
• Compare the behavior in different browsers.

Important: A visually normal product page does not guarantee that its interactive shopping functions are working correctly.

3. Test the cart request

When a customer clicks Add to Cart, the storefront normally sends a request to add the selected variant to the cart.

Use your browser's Network panel to inspect what happens.

• Confirm that a cart-related request is actually sent.
• Look for HTTP errors or rejected requests.
• Check whether the selected variant ID is valid.
• Verify that the cart updates after a successful response.

If the request succeeds but the cart drawer does not update, the problem may be in the storefront interface rather than the underlying cart operation.

4. Review recent theme and app changes

Third-party scripts and theme customizations can interfere with product forms.

Ask yourself:

• Was the theme recently updated?
• Was a new Shopify app installed?
• Were custom scripts added to the product template?
• Does the issue happen on mobile devices as well?

Test changes in a safe development or duplicate theme when possible. Avoid making unverified modifications directly to your live storefront.

5. Monitor the shopping journey with GO4

A storefront can appear healthy while an important customer interaction is failing.

GO4 Monitoring provides tools that can help investigate different parts of this problem:

• Shopify Cart API Health checks backend cart functionality.
• Browser Lab Action Journey can be configured to test customer interactions in a rendered browser.
• JS Agent can collect browser-side diagnostic signals from storefront visits.

These checks serve different purposes. A healthy Cart API result does not automatically prove that the theme's Add to Cart button works.

Final checklist

Before considering the issue resolved, confirm that:

• The product and its variants are available.
• The Add to Cart action sends the expected request.
• The cart displays the selected product.
• The interaction works on both desktop and mobile.
• No relevant JavaScript errors remain.

Regular monitoring helps identify potential failures earlier, while realistic customer-journey tests provide additional evidence that important storefront interactions are working.

For more information about managing Shopify storefronts, visit the Shopify Help Center.