Sticky add to cart bar

The sticky add to cart bar keeps the buy action in view on a product page. When the main Add to cart button scrolls out of view, a bar appears at the bottom of the screen with the add to cart button. This guide explains how to turn it on and what it needs.

What the shopper sees

• A bar at the bottom of the screen once the main add to cart button has scrolled out of view.
• The bar hides when the footer comes into view, so it does not cover the footer.

Before you begin

• Make sure the product is available to sell.
• Check the variant choices on the product. The bar uses the variant the shopper has chosen.

1. Turn it on

1. Open a product page in the theme editor.
2. Select the Product information section.
3. Turn on Sticky add to cart bar.
4. Select Save.

2. Check it

1. Open a product page on a phone or a narrow browser window.
2. Scroll down past the main add to cart button. Confirm that the bar appears.
3. Scroll to the footer. Confirm that the bar hides.
4. Choose a different variant on the product page. Scroll down and confirm that the bar uses the variant you chose.

Things to know

• The bar needs no extra data. It uses the product and its variants.
• Turn off Sticky add to cart bar if you do not want it. The main add to cart button still works.