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

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!

You mean keep cart here

and here?

11 hours ago, tuanphan said:

You mean keep cart here

and here?

Yes! exactly. 🙂

You can edit Header

click Add Elements

enable Carts

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.

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.