Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

EComus - Header Group - Top bar

Alfred

Written by Alfred

Last updated

1109 views

On this page


The top bar is a header component that allows merchants to access menus, and navigate by clicking, choose language and currency. It’s always visible at the top of interfaces.

1.png

From Theme editor (Customize) > Top bar.

1.png

1. Top bar content

This section supports this following blocks:

1.png

You can only add 3 blocks for this section.

  • Custom html: This block help you generate your HTML content.

1.png
  • Rich text: You can add Rich text here and with block settings you can easily customize it.

1.png
  • Currency, Language,...

You can refer this document link to know how to configure currencies: https://support.the4.co/articles/ecomus-theme-settings-currency-format#1-currency-codes

1.png
  • Social: you can add social icon here.

1.png
  • Menu: You can add menu with this block.

1.png
  • Custom liquid.

1.png
 {%- render 'header_group_icons' -%}

2. How to configure the Top bar?

With this settings you can set the Color scheme and separator line.

1.png

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.