Sticky Bar

Sticky Bar


  1. Enable on desktop: allow your sticky bar to appear on desktop version 
  2. 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 the position of sticky cart bar. Please remind if your store is having any other bars showing up in the selected position.

In case, Show only when theme's Add-to-cart button is not visible doesn't work on your store. Please contact us. 
If you enable Hide on sold out product, the sticky bar doesn't disappear but the add-to-cart button will be changed into out of stock instead .
On mobile, it's recommended to set the bar on bottom to make it easier for user to tap on.

Button action 


Set the action when customers click on your sticky cart bar. 
  1. Add to cart and stay on page
  2. Go to cart page 
  3. Go to checkout page, skip cart

Unavailable status text

This status appears when your variants don't exist.


Out of Stock status text

This status appears when one variant sold out (inventory = 0).









STYLE




Bar height 

Adjust the height to suit your store. Recommend to set the height at 100 (pixel) to have the best result.

You can only adjust the height on desktop version. On mobile, the height is fixed. 

Font family 

Our app supports Google Fonts. Type a font name in "Font family" to search for a font that fits your theme. 
Leave the font family blank if you want to use theme's default font.


Color

You can fully customize the color in sticky bar. Recommend to choose colors that suit your theme.


    • Related Articles

    • Why is my bar not showing up?

      There are various reasons why the bar is not showing up on a store.  Please read these cases and check the following solutions. The bar is not activated By default, when you successfully create a bar, it is deactivated. (only the first created bar is ...

    • Create/Edit a bar

      Templates There are 10 available templates to choose for your bar. Templates having a star () are available in Premium plan only. A template includes: background image, color, font, size of message, button, countdown. You can change any setting of a ...

    • What's in Dashboard of Smart Bar

      This is the first page you see whenever you access to Smart Bar, so you can consider it as a homepage of this app. Here you can: Create a new bar See the overview tracking of total views and clicks on all bars See the list of all created bars Below ...

    • Promotion Bar

      A. Goals We offer 3 types of promotion bar tailored specially for your goals. You can customize each type of promotion bar by clicking on your preferred goal. 1. Announcement bar Show messages and call-to-action button to customers. This bar includes ...

    • Advanced option for a bar

      Re-order Elements You can drag and drop blocks to change the position of each element on bar here The element only shows up to re-order if the related content is enabled.  Eg. "Show Product" option is enabled then the "Products" block will appear ...