Sticky Cart Panel at bottom on desktop

[Tri Ryuzaki]

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.

[Tom]

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?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Tri Ryuzaki]

Hi Tom, I mean the sticky scroll panel on product page, thanks

[Tom]

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;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Tri Ryuzaki]

Hi Tom, the panel vanish does not show up after that code.

[Tom]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Tri Ryuzaki]

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

[David]

Hi there,

the Add to Cart Panel doesn’t currently work on Single Purchase products – it is on our list of fixes.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts