Top Bar

Top Bar



The following steps can be done by going to Design › Edit Theme › General › Header › Top Bar in your eCom back office.

In this section, you have the ability to activate/deactivate, edit the phone number, message and message icon for the Top Bar.

Show or Disable the Top Bar



The Top Bar can be enabled/disabled by turning the toggle switch on/off for the field titled Top bar activate.

Choosing the icons

Icons are available from the FontAwesome library. This allows you to choose from their popular lrary of icons what works best to complement your Top Bar message. Here are the steps on how to choose and add the icon:
  1. Go to fontawesome.com and find the icon you want to use
  2. Below each icon, there is a unique label. Highlight and copy the label for your chosen icon
  3. Go back to your eCom Theme Settings and paste the label in the field Top bar icon





    • Related Articles

    • Top Bar (NL)

      De volgende stappen kunnen worden uitgevoerd door naar Ontwerp > Thema-instellingen > 1. Top bar te gaan in uw eCom-backoffice. In dit gedeelte kunt u het telefoonnummer, het bericht en het berichtpictogram voor de bovenste balk bewerken. Toon of ...

    • Announcement Bar

      The following steps can be done by going to Design › Edit Theme › General › Header › Announcement bar in your eCom back office. Show or Disable the Announcement bar The Announcement Bar can be enabled/disabled by turning the toggle switch on/off for ...

    • Contact Details

           The following steps can be done by going to Home › Settings › Company in your eCom back office. These settings are used throughout the site, such as in the footer menus and customer service section, the phone number in the top bar, and the chat ...

    • Contact Details

             The following steps can be done by going to Home › Settings › Company in your eCom back office. These settings are used throughout the site, such as in the footer menus and customer service section and the phone number in the top bar.

    • Colors

      The following steps can be done by going to Design › Edit Theme › General › Visual › Colors  in your eCom back office. Here, you can customize your theme’s colors, giving complete control over creating unique styles for your store. Here is a ...