The Header section includes five module positions logo, header-search, headertop-a, headertop-b, headertop-c.

Here is a breakdown of the module(s) and particle(s) that appear in this section:

  • Logo (Particle)
  • Joobi Catalog Search (Module)
  • Joobi Automatic Language Translator (Module)
  • Joobi Currency (Module)
  • Joobi Cart (Module)

Logo

logo-particle

Joobi Catalog Search module

Joobi Catalog search module allows to search items from your store.

joobi-search-fe

1. Module Position: header-search
2. Preferences: Click the link "Click here to edit the preferences" (refer to below screenshot)
2. Module Class Suffix: search-shop

joobi-search-module


Joobi Category Preferences

joobi-search-pref

Joobi Automatic Translator Module

Joobi Language Translator module automatically translate your site to another language using Google.

joobi-language-fe

1. Module Position: headertop-a
2. Preferences: Click the link "Click here to edit the preferences" (refer to below screenshot)
2. Module Class Suffix: joobi-language

joobi-language-be


Joobi Category Preferences

joobi-language-pre

Joobi Currency Module

Joobi Currency module displays the list of currency available in your store.

currency-module-fe

1. Module Position: headertop-b
2. Preferences: Click the link "Click here to edit the preferences" (refer to below screenshot)
2. Module Class Suffix: joobi-currency

currency-module-be


Joobi Category Preferences

currency-pref

Joobi Cart Module

Joobi Cart module displays the list of available items in the basket ready for you to checkout and complete the payment.

joobi-cart-fe

1. Module Position: headertop-c
2. Preferences: Click the link "Click here to edit the preferences" (refer to below screenshot)
2. Module Class Suffix: joobi-cart

joobi-cart-be


Joobi Category Preferences

joobi-cart-pref