← Back to Snippets
Sticky Add to Cart Bar
A fixed bottom bar that appears when the main Add to Cart button scrolls out of view. Displays product title, current price (with sale formatting), selected variant, and a prominent Add to Cart button. Fully responsive and theme-aware.
Live Preview
Product Name
$49.99
↑ This bar sticks to the bottom of the viewport on scroll
Premium Snippet
$5
One-time purchase · Includes code, documentation, and video tutorial
Buy Snippet
✓ Complete Liquid code
✓ Install documentation
✓ YouTube tutorial
✓ Customization guide
What You Get
- plynthr-sticky-atc.liquid — The complete snippet file ready to paste into your theme
- Install guide — Step-by-step instructions with screenshots
- Customization reference — All CSS variables and config options documented
- Video walkthrough — Full installation and customization process
Features
- Automatically detects when the main Add to Cart button leaves the viewport
- Shows product title, price (with compare-at-price support), and variant selector
- Syncs with the main product form — variant changes update both
- Fully responsive — adapts layout for mobile screens
- Respects theme colors via CSS custom properties
- Smooth slide-up/slide-down animation
- Zero external dependencies
- Accessible — proper ARIA labels and keyboard support
Video Tutorial
FAQ
Will this conflict with my theme's existing sticky cart?
Most themes don't include a sticky add-to-cart bar. If yours does, disable it in theme settings first. This snippet uses unique class names to avoid CSS conflicts.
Does it work on collection pages?
This snippet is designed for product pages only. It hooks into the product form and variant data, so it only renders where a product form exists.
Can I change the button text?
Yes — there's a customization variable for the button text. Change it to "Buy Now", "Add to Bag", or anything you prefer.