Archived topic
Sticky Cart Panel at bottom on desktop
7 replies · Started by Tri Ryuzaki on February 13, 2020
Hello, how can I change position of "sticky cart panel" from top to bottom on desktop view. Thanks a lot.
And I got an issue: when I check the box "Sold individually" in product setting (because this is a membership product and I need to limit the quantity of one unit per order), then the sticky cart panel does not show up anymore, please help me fix.
Hi there,
Just to confirm, are you targeting the panel on the single product page (when you scroll past the add to cart button) or the panel on the shop page when you click the add to cart button?
Hi Tom, I mean the sticky scroll panel on product page, thanks
Hi there,
Give this a shot:
.add-to-cart-panel {
bottom: 0;
top: auto;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.add-to-cart-panel.show-sticky-add-to-cart {
transform: translateY(0) !important;
}Hi Tom, the panel vanish does not show up after that code.
Looks like it's working for me, although it's hard to test as your product page isn't long enough.
If you reduce the height of your browser (or make the page longer), it should be easier to see it working.
Hi Tom, it does work on a normal product but still not work on product which I set for individual unit purchase only. Here is the link and login if you need to have a look
--> https://coinmagic.us/product/premium-membership/
login:
https://coinmagic.us/loginn
user: fix
pass: fix
Hi there,
the Add to Cart Panel doesn't currently work on Single Purchase products - it is on our list of fixes.
