Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hi there,
Does anyone know the code to make the Add To Cart Button sticky on scroll for the Studio Version theme?
Thanks,
Hi @PPUSA,
You can try one of these apps from here
https://apps.shopify.com/search?q=Add%20To%20Cart%20Button%20sticky
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Hi, so you can try following this article
https://www.shopify.com/partners/blog/112052742-how-to-create-a-sticky-add-to-cart-button-on-scroll
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Use Below CSS
button.product-form__submit.button.button--full-width.button--secondary {
display: block;
position: fixed;
bottom: 0;
left: 0;
z-index: 100;
width: 100%;
}