Sticky add to cart bar

The Sticky add to cart bar section ensures that your customers can quickly add products to their cart while browsing through a product page without needing to scroll back up. It provides a persistent, visible call-to-action, improving user experience and increasing conversions.

In this article, we will show you how to set up the Sticky add to cart bar section.

#How to access the Sticky add to cart bar section on your Product page

#How to edit the Sticky add to cart bar section

Upon selecting the Sticky add to cart Bbar section, a range of customization options will be available:

#Container:

• Fixed Width: The bar will maintain a set width, ensuring consistency across all product pages. To adjust the fixed width of your store, go to Theme settings > Layout.
• Full Width: The bar will stretch across the entire screen width for better visibility and ease of use, especially on larger screens.

#Visibility:

• Show on all devices: Display the sticky add to cart bar on both mobile and desktop versions of the store.
• Show on desktop only: Ensure the sticky bar is only shown to desktop users.
• Show on mobile only: Ensure the sticky bar is only shown to mobile users.
• Hide: Temporarily disable the sticky add to cart bar.

• Show add to cart button: Checking this option will display the "Add To Cart" button, allowing users to instantly add the current product to their cart from anywhere on the page.

• Show dynamic checkout buttons: This option lets you show dynamic checkout options within the sticky bar. This option is only available on desktop devices.

• Show quantity selector: Displays a quantity selector in the sticky bar so customers can quickly adjust the number of products they want to add to the cart. This option is only available on desktop devices.