How to set up Sticky Add to cart? (Version 2)

How to set up Sticky Add to cart? (Version 2)

GENERAL SETTINGS


  1. 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.
  2. 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.
  3. Disable edit product quantity: The default quantity will be 1 if quantity option is disabled.
  4. Show cart countdown timer: This feature is to encourage customer to checkout by showing a countdown timer above the Sticky Add to cart.


  1. Enable on desktop: Allow the Sticky Add to cart to display on desktop ver.
  2. 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.
  1. Position on desktop/mobile: Set up the display position for the Sticky Add to cart at the Top/Bottom on desktop/mobile ver.
  2. Button action: Set the action when customers click on your Sticky Add to cart bar.
  1. Add to cart and stay on page.
  2. Go to cart page.
  3. Go to checkout page, skip cart.

ADVANCED SETTINGS



  1. Unavailable label: This status appears when your product variants don't exist.
  2. Sold out label: This status appears when one variants sold out (inventory = 0).
  3. 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.
  1. Countdown duration: Set up time (minute) for countdown timer.
  2. Countdown message: Enter the message to encourage customer to checkout.
  3. Message after countdown expired: Enter the message after countdown timer is expired.
  4. Action after countdown expired: Choose the action if the countdown timer is expired:
    1. Repeat time.
    2. Clear cart.
    3. Do nothing.

STYLE


  1. 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.
  2. 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.
  3. 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.
  4. Sticky Add to cart background color: Apply color to the background of the bar on both desktop and mobile ver.
  5. 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.
  6. Sticky Add to cart text color: Apply color to the Variant option and product price on both desktop and mobile ver.
  7. Countdown Add to cart height: Set up the height of the Countdown timer feature.
  8. Sticky Add to cart countdown background color: Apply color to the background of the Countdown timer.
  9. Sticky Add to cart countdown text color: Apply color to the text of the Countdown timer.
If you need any assistance or have any questions, please don't hesitate to contact our support team for help.


    • Related Articles

    • How to set up Sticky Button & Cart Drawer? (version2)

      SLIDE CART SETTINGS Show option value of variant: Show short form of product variant. For example: blue/small. Show custom properties: Recommend to enable this option if you're selling product with extra options. Enable note box: Display note box on ...
    • Sticky Cart Button

      Enable on desktop: allow your sticky button to appear on desktop version.  Enable on mobile: allow your sticky button to appear on mobile version. "Enable on mobile"  works on screen width that is below 992 pixels SETTINGS  Button action Set the ...
    • How to find the CSS selector of your theme's cart icon? (Sticky Cart version 2)

      This option is only available in Sticky Cart version 2 To integrate the cart drawer of Sticky Cart app with your theme's cart icon, you need to add the CSS selector of your theme's cart icon into our app settings. Here are the steps to find the CSS ...
    • Sticky Bar

      Enable on desktop: allow your sticky bar to appear on desktop version  Enable on mobile: allow your sticky bar to appear on mobile version  "Enable on mobile"  works on screen width that is below 992 pixels SETTINGS Position on desktop/mobile  Set ...
    • 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 ...