[Version 2] How to set up Sticky Add to cart?
GENERAL SETTINGS
- Only show sticky add to cart when "Add to cart" button disappear: Enable this option so that the Sticky Add to cart only displays whenever the Add-to-cart button of your theme disappear.
- Only show sticky add to cart when user scroll passed "Add to cart" button: The Sticky Add to cart only displays if it meets two conditions that are scrolling past the Add-to-cart button and stopping the scroll action for a second.
- Disable edit product quantity: The default quantity will be 1 if quantity option is disabled.
- Show cart countdown timer: This feature is to encourage customer to checkout by showing a countdown timer above the Sticky Add to cart.
DISPLAY
- Enable on desktop: Allow the Sticky Add to cart to display on desktop ver.
- Enable on mobile: Allow the Sticky Add to cart to display on mobile ver.
"Enable on mobile" works on screen width which is below 992pixels.
- Position on desktop/mobile: Set up the display position for the Sticky Add to cart at the Top/Bottom on desktop/mobile ver.
- Button action: Set the action when customers click on your Sticky Add to cart bar.
- Add to cart and stay on page.
- Go to cart page.
- Go to checkout page, skip cart.
- Show specific product for homepage: Tick on this option to show the Sticky Add to cart bar on the Homepage. You should choose one featured product to show up.
- Hide on product pages for specific products: Tick on this option and type tags to those labels to hide the bar on those products page.
- Show upsell selling plan: Tick on this option to show upsell selling plan on the Sticky Add to cart bar.
ADVANCED SETTINGS
- Unavailable label: This status appears when your product variants don't exist.
- Sold out label: This status appears when one variants sold out (inventory = 0).
- Button text: Enter the content for the Add-to-cart button of the Sticky Add to cart. If you leave this label blank, it will display "Add to cart" title as the default.
This settings only displays if you enable the Show cart countdown timer option in the General Settings.
- Countdown duration: Set up time (minute) for countdown timer.
- Countdown message: Enter the message to encourage customer to checkout.
- Message after countdown expired: Enter the message after countdown timer is expired.
- Action after countdown expired: Choose the action if the countdown timer is expired:
- Repeat time.
- Clear cart.
- Do nothing.
STYLE
- Font family: Apply font family from Google Fonts for the whole Sticky Add to cart bar. If you leave it blank, the app will apply your theme's font.
- Font size: Apply font size for the whole Sticky Add to cart bar. If you want to change font size for a specific text, please contact us for help.
- Bar height: Adjust bar height on desktop to fit your store. However, this option won't apply to mobile ver since the height on mobile is fixed. Recommend to set the height at 100 (pixels) to have the best result.
- Sticky Add to cart background color: Apply color to the background of the bar on both desktop and mobile ver.
- Sticky Add to cart primary color: Apply color to the Add-to-cart button and product name on both desktop and mobile ver. If you want to change another color for the product name, please contact us for help.
- Sticky Add to cart text color: Apply color to the Variant option and product price on both desktop and mobile ver.
- Countdown Add to cart height: Set up the height of the Countdown timer feature.
- Sticky Add to cart countdown background color: Apply color to the background of the Countdown timer.
- Sticky Add to cart countdown text color: Apply color to the text of the Countdown timer.
Related Articles
[Version 2] How to set up Sticky Button & Cart Drawer?
SLIDE CART SETTINGS 1. Visibility Enable "Slide Cart" on desktop: Tick on this option to show the Slide Cart on desktop version. Enable "Slide Cart" on mobile: Tick on this option to show the Slide Cart on mobile version. Auto open "Slide Cart" when ...
[Version 2] How to set up cart upsell?
There are 2 ways that you can use to display product recommendations in the slide cart to help customers discover products and boost your revenue: Method 1: Auto recommend by Shopify Shopify auto-generate upsell product recommendations based on the ...
Sticky Cart Version 1.0 vs Version 2.0 - What Makes Version 2.0 Different?
What’s new in Sticky Cart 2.0? New Interface Be designed based on the Shopify Interface that helps to create a consistent user experience for merchants Up to 15 new features Updated more advanced features to help sellers create high converting stores ...
[Version 2] How to set up free shipping?
Offering free standard shipping is one of the best ways to generate more buyers on Shopify. Therefore, Sticky Cart ver 2 has updated Free Shipping Progressive Bar in Cart Drawer. It is used to improve your online store effectiveness and stimulate ...
Cart Countdown
Note: Cart Countdown only works with themes which have AJAX cart (stay on current page after adding to cart). This app does not work if theme automatically redirects to cart page after adding products to cart. 1. Countdown settings Countdown Time To ...