Add the Sticky add to cart block

The Sticky add to cart block shows a bar at the bottom of the screen once a shopper scrolls past your Add to cart button. The bar shows the product image, the name, the variant and a copy of your button. Its button clicks your real one, so it adds what the buy box has selected.

Before you start

You need Section Store Plus or its free trial.

Add the block

1. In Shopify admin, open Apps → Section Store → Conversion Blocks.
2. On the Sticky add to cart card, click Edit In Theme.
3. Pick your theme. Your live theme has a green dot.
4. The theme editor opens on your product template with the block added.
5. Click Save.

The block's place in the list doesn't matter, because the bar always sits at the bottom of the screen.

Settings

• Layout desktop: Full width (with spacing), Full width (no spacing) or Max width (485px).
• Layout mobile: Full width (with spacing) or Full width (no spacing).
• Mobile: Hide image on mobile (on by default) and Stack content on mobile.
• Appearance: Border, Thickness, Border color, Roundness and Background.
• Padding: Vertical and Horizontal.
• Other: Variant link text. The default is "Change".
• Advanced: Custom CSS.

How the bar behaves

• It shows after the theme's button scrolls off the top of the screen. It hides when the button comes back.
• The button copies your theme's button, including Atc button styling.
• The variant line and Change link show only on products with more than one variant.
• Change scrolls back to the buy box. The shopper picks the variant there.
• Selected add-ons from the Addons block go in the cart too.
• A page shows one bar, even with two blocks.
• With no Add to cart button on the page, no bar shows.

Related

• Sticky add to cart block not showing
• Style your Add to cart button with the Atc button styling block

Also searched as: sticky add to cart, sticky atc, sticky bar, sticky cart button, floating add to cart, sticky buy button, add to cart bar, bottom bar, mobile sticky button