Header and footer
Announcement bar
A slim bar above the header for offers and news. Messages can rotate or scroll, and each can link somewhere.
Tips
- Keep each message short: about 40 characters reads well on a phone.
- Use the scrolling (ticker) style when you have three or more messages.
- Add store links (about, contact, FAQ) on the right side on desktop to keep the main menu clean.
Settings
Color scheme
| Setting | What it does |
|---|---|
| Use the store's default color schemeToggle | Toggle |
| Color schemeColour scheme | Shown only when it applies to the options chosen above. |
Display
| Setting | What it does |
|---|---|
| Display styleDropdown | Swipe rotates on its own, manual advances with arrows, ticker scrolls continuously. SwipeManual (arrows)Ticker |
| Separator between announcementsDropdown | NoneDotLine Shown only when it applies to the options chosen above. |
| Auto-scroll interval (seconds)Slider | Shown only when it applies to the options chosen above. |
| Text sizeSlider | Slider |
Social icons
| Setting | What it does |
|---|---|
| Show social iconsToggle | Shown on desktop only, to keep the announcement readable on phones. |
Navigation
| Setting | What it does |
|---|---|
| Show navigation menuToggle | Shown on desktop only, to keep the announcement readable on phones. |
| MenuMenu | Shown only when it applies to the options chosen above. |
Blocks
Blocks are the pieces you add, remove and reorder inside the section, under Add block.
Message
| Setting | What it does |
|---|---|
| TextText | Text |
| URLLink | Link |
| Text colorColour | Leave empty to follow the color scheme. Set it to emphasise one announcement. |