ATC ADD TO CART BUTTON NOT WORKING (DAWN THEME)

Topic summary

A user is experiencing a non-functional “Add to Cart” button on their Shopify store using the Dawn theme. The button appears to load indefinitely without adding products to the cart.

Suspected Cause:

  • Custom CSS added via ChatGPT may have introduced conflicts or errors

Troubleshooting Steps Suggested:

  • Check browser console (F12) for JavaScript errors that could be blocking functionality
  • Inspect buy-buttons.liquid snippet to verify the product form structure is intact
  • Ensure the form contains:
    • Proper {% form 'product' %} wrapper
    • Hidden input for variant ID
    • Active (non-disabled) submit button
  • Consider rolling back recent changes or restoring from a theme backup
  • Verify that Shopify’s AJAX code (global.js) is loading correctly

Store Details:

  • URL: kofs.co.uk (password-protected: chauth)
  • Theme: Dawn

The issue remains unresolved, with community members recommending either self-troubleshooting via console inspection or professional theme repair services if ChatGPT modifications caused extensive damage beyond typical forum support scope.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.

I am testing my new website however the add to cart button is not working for some reason, i dont know why, i am using the dawn theme and i have added some custom css using chatgpt, is this causing the issue? i dont know but i am really stuck, please can someone help on how can i fix this add to cart button, it just loads but never adds to cart for some reason

1 Like

Hi @szymonprosc :waving_hand: If you need theme repair services or customizations done properly then contact me for services.
Contact info in forum signature below :down_arrow: :down_arrow: :down_arrow:.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

READ: https://community.shopify.com/c/blog/how-to-get-support-from-the-community/ba-p/2254458
Provide publicly accessible store urls, theme name, example urls, and storefront-password if applicable that other people can experience and inspect.
Other people are not mind readers, or magically have access to what you can access.

You must communicate detail upfront don’t make others dig it out of you.

Poor communication of critical detail upfront is a massive indicator of future failure don’t make a habit of it.

Regardless if you’ve broken a theme by the misuse of an LLM that can be way beyond the scope of the forums.

Either rollback any affected files if know, or restore a theme backup.

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/edit-theme-code#roll-back

If there is no backup then definitely read the friendly manual thoroughly it will saves everyone especially you a LOT of time in the long run.

i.e. https://help.shopify.com/en/manual/online-store/themes/customizing-themes/edit-code/edit-theme-code :

Before you customize your theme> > To prepare for customizing your theme, complete the following recommended tasks:> > - Duplicate your theme to create a backup copy. This makes it easy to discard your changes and start again if you need to.> - Make sure that you understand what level of support is available.> - Learn about the requirements and best practices for uploading images.

How did I contact you?

url:kofs.co.uk

password: chauth

theme: dawn

add to cart button is not working

i used chatgpt to add customisations

Hi,
The “Add to Cart” button not working is often due to:

  • A JavaScript error (often caused by custom CSS or JS)

  • The around the product is broken or missing

  • Shopify’s AJAX code (global.js) is being blocked or not loading

Go to:
Online Store > Themes > Edit Code > Snippets > buy-buttons.liquid

Look for this code:
{% form ‘product’, product, … %}
That’s the main Add to Cart form. Inside it, make sure:

  • There’s a hidden input for the product variant ID.

  • The submit button is active (not disabled).

Bonus Tip: Open your browser Console (F12 Console tab) and click the Add to Cart button if errors show in red, they may be blocking it.