How to setup Top bar in Booster theme

 

 

The Top Bar is a feature that allows you to display content like social media icons, other links, contact information, and other messages at the top of all the pages of your online shopping site.

Content

You are able to put a maximum of 3 blocks on your bottom bar.

Social Media

This section will show your social media links.

Learn how to change your social media links here

How to setup Top bar in Booster theme 1

Links

We offer the option to add menu links to your bottom ba

How to setup Top bar in Booster theme 2

Scrolling messages

With this setting, you can create multiple messages scrolling.

How to setup Top bar in Booster theme 3

Contact

With this setting, you can choose to display your phone number and email address in your store.

How to setup Top bar in Booster theme 4

Geo Block

With this feature, you can geo-personalize what your visitors see.
Example: %flag_emoji% This is an example for your %country% in the city of %city% %flag_svg% 

Result:   How to setup Top bar in Booster theme 5


There are 4 different handles you can use to geo-personalize your section:

  • %flag_emoji% 
  • %country%
  • %city%
  • %flag_svg%

Free Shipping Progression bar

This feature allows you to showcase to the customer how much more is needed in order to get free shipping on your online store. Whenever a customer adds a new product to its cart, the bar will track it.

You can set a Free Shipping text, for example: Only %AMOUNT% more for free shipping!
An achieved Free shipping text, for example: You are eligible for free shipping!

How to setup Top bar in Booster theme 6

In order to change the Total amount go in Theme settings > Free shipping bar [APP]

Enable/disable

With this setting, you can enable/disable the footer option on the desktop or mobile version of the site.

Layout

The layout is of utmost importance for any online shopping platform.

Section Layout

In our Booster theme, four different types of section layout are available. They are as follows:

  • Global default
  • Full Width
  • Full-Width Background
  • Boxed

Height

With this setting, you may make changes to the Bottom Bar's height. You may change it to anything in between 10 px to 100 px.

How to setup Top bar in Booster theme 7

Font Size

With the help of this setting, you are able to change the font size.

Color Combination

This allows you to choose your Primary or Secondary combination for your colors. You can also choose Custom combination to create a custom preset for that section only.