How can I add a sticky add to cart on the dawn theme with code?

Topic summary

A user wants to implement a sticky add-to-cart button on the Dawn theme using custom code, similar to what they previously achieved on the Debut theme. They’re unable to locate the “theme.js” file they used before.

Key guidance provided:

  • For Dawn theme, the relevant file is typically product-form.js (or product-modal.js/product-model.js) located in the assets folder, not theme.js
  • For Dawn version 5.0.0 specifically, modifications should be made to the product-form.js file to add sticky cart functionality
  • One respondent shared a screenshot showing the add-to-cart button implementation
  • A YouTube tutorial link was provided as a resource for adding the sticky button without using an app

Status: The discussion provides technical direction but remains open, as the original poster hasn’t confirmed whether the solution worked.

Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.

Hello, I would like to add a stick add to cart on the theme dawn with code as I did on the theme debut. However I encounter a problem I can not find the “theme.js” anymore . Usually the sticky add to cart was on the product page, does it mean that I have to look at the assets (product-form.js or product-modal.js or product-model.js)

Best Regards

Hello @Eleneby

I understood your concern. I came to know that if your Dawn theme version is 5.0.0 then you have to change the assets product-form.js because the code of the functionality of the add-to-cart button is there.

  • Please check the attached screenshot:

I hope this can help you to resolve the issue.

You can add sticky add to cart button without App: