Skip to main content

Why is the 'Add to cart' button not working?

Troubleshooting “Add to Cart” button issues

If your “Add to Cart” button isn’t working, this article will help you troubleshoot the most common causes and fix the issue quickly.

Shopify variants have been edited

Editing Shopify variants is the most common cause of the Add to Cart button not working.

CAUTION
Do not to edit variants "metafields" related to Kickflip products in Shopify because they are managed by Kickflip. Modifying these fields in Shopify will not modify them in Kickflip and could break the connection between Kickflip and your Shopify integration.

What to do if you have edited your Shopify variants?

If you remember what you have edited, you can set the values back to their original state and the problem should be fixed, otherwise:

  1. Delete your Shopify product.

  2. Log in to Kickflip and open your product.

  3. Click on the Connect tab.

  4. Next to your product, click on Disconnect.

  5. Click on Connect. From there a new product will be created in Shopify with the correct variants.

Out of stock or error when adding to cart

If your Kickflip product has just been added to your Shopify store, please check the following:

  1. Make sure the product is not out of stock in your Shopify store. Add quantities to your Kickflip-related product in Shopify for the desired location(s), or ensure that the “Continue selling when out of stock” option is enabled. For more details on managing locations and inventory quantities, refer to this article.

  2. If applicable, make sure that the local delivery radius/zone is set correctly for the appropriate location(s). For more details on setting up local delivery for online orders, refer to this article.
    ​

  3. Is your sales channel activated in Shopify? A product needs to be within a sales channel that is active to be added to cart. For more details on sales channels, refer to this article.
    ​

  4. Other apps installed on your online store may be preventing the action. Right-click on the webpage that contains the customizer, select “Inspect”, then click the “Add to cart” button — any conflicts will appear as errors in the inspector console.

  5. Make sure your are not visualizing your product in "preview mode" from the Kickflip app. To test the “Add to cart” button, make sure you’re viewing the product page directly on your online store.

Did this answer your question?