How to Add Sticky "Add to Cart" Functionality to My Store

Store Design
,

Topic summary

A store owner wants to implement a sticky “Add to Cart” feature on their Shopify store (using Dawn theme) that keeps the purchase button visible while users scroll through product pages, similar to the functionality on Tijarat.ae.

Current Status:

  • The user has already added a sticky cart bar at the bottom of the page
  • They additionally want the entire “Add to Cart” section to remain sticky (as shown in their second screenshot)

Proposed Solutions:

  • App option: Use the “Sticky Add to Cart Bar” app from the Shopify App Store
  • Custom code: Add button code to the product.liquid file and implement custom CSS/JavaScript (estimated 2 hours of work)
  • Multiple developers have offered to implement the custom solution if store access is provided

Discussion remains open with the store owner seeking implementation assistance for the additional sticky section beyond the basic cart bar they’ve already installed.

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

Hi Shopify Community,

I’m looking to add a sticky “Add to Cart” feature to my Shopify store, similar to what is implemented on Tijarat.ae.

https://tijarat.ae/products/straightcare-essential-thermoprotect-straightener-2-temperature-settings-temperature-range-up-to-220-c?_pos=1&_sid=725ca1aa3&_ss=r

The idea is to have the “Add to Cart” button remain visible as visitors scroll through the product page, ensuring an easy and seamless shopping experience. Is there a way to achieve this using the Dawn theme settings, or will I need custom coding?

If custom coding is required, I’d appreciate guidance or steps to implement this feature. Alternatively, if there’s an app that can enable this functionality, please let me know.

Thanks in advance for your help!

Best regards,

1 Like
2

Hi @ramzanseller

You have to add the button code in the end of product.liquid file.

Then Have to use the css and JS for this.

Or you can use app

https://apps.shopify.com/sticky-add-to-cart-bar

If this solution is worked, then please Like this and Mark this as accepted solution!

Shuvam

3

Hello @ramzanseller

Yes, this is possible. I can implement the sticky “Add to Cart” feature for you. Please share store access with me, and I’ll check everything and update you accordingly.

4

Thanks for reply i already added add to cart bar you can see below

ScreenShot_20250115120006.png
ScreenShot_20250115120006.png1896×824 153 KB

But i also want sticky add to cart section ass well like below

ScreenShot_20250115120027.png
ScreenShot_20250115120027.png1763×694 91.9 KB

5

@devcoders

1 Like
6

This can done using the custom css and JS, it will take 2 Hours approx.

I can help you on this.

If need any help from my end Please let me know, Contact info is in signature.

With Regards,
Shuvam

7

Hello @ramzanseller

Yes, this is possible. I can implement the sticky “Add to Cart” feature for you. Please share store access with me, and I’ll check everything and update you accordingly.