Jump to content

Have cart icon pop up on adding to cart & keep the cart icon in header navigation

Recommended Posts

URL: https://www.moffattgracedesign.com/staging-rentals-store
Password: StagingRentals2024

Hey there. I was looking for a solution to have a pop-up cart show when adding products but didn't find one that was free. I discovered that if you hide the cart icon from the header navigation, a "added to cart" and cart icon pop up in the bottom corner which is much more user friendly than the user having to scroll back to navigation and click on the cart to checkout. 

My issue is that I would ALSO like to have the cart display in the header nav so it can be accessed there or at the bottom of the screen if there are items in the cart. Does anyone have custom code for this?

Thank you!

Link to comment
  • Replies 5
  • Views 160
  • Created
  • Last Reply

Top Posters In This Topic

I believe we can use code to add Cart icon to Header, however Cart Number won't be possible. If you still want to continue, let me know, I will test & give you CSS code

On 7/16/2024 at 8:05 PM, kbradfield said:

Yes, when enabling the cart in the header, the pop up cart at the bottom of the screen is disabled though. I'm looking for a way to have both appear at the same time.


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.