Header, menus and footer
Chapter 3 of the Atelier user guide.
The header group holds the Announcement bar and the Header; the footer group holds the Footer. They appear on every page.
Announcement bar
A stone bar above the header with three zones: start, centre and end. Up to six items, each one of:
- Announcement: Text ("White-glove delivery included on every order"), Link and Position (Start, Centre or End). Start and end items show on screens 990px and wider; on phones only the centre items show, so put your most important message in the centre.
- Countdown (one per bar): Label ("Sale ends in"), End date (2026-11-27), End time (23:59), Time zone (the store's, or a UTC offset), Link, Position, and After the deadline: hide the countdown or show a message.
use a real deadline that is the same for every shopper. Shopify doesn't allow fake countdowns, so don't extend or restart a deadline to create urgency.
The Atelier preset puts the showroom address at the start, the delivery offer in the centre and "Free material samples" and "Trade programme" at the end. Point the samples item at your samples page and the trade item at your trade page.
Header
One row: the lintel mark and shop name (or your logo) with the tagline, the menu after it, and the utilities on the right.
| Setting | Default | What it does |
|---|---|---|
| Menu | Main menu | The menu shown in the header and the phone menu drawer |
| Menu style | Mega menu | Mega menu opens a full-width panel for every top-level link with child links: a column per child, then up to two promo tiles. Dropdown opens a short list. |
| Open menus on hover | On | For shoppers using a mouse. Menus always open on click, tap and keyboard. |
| Sticky header | Always | None, Always (keeps the header at the top of the screen) or On scroll up (hides it while shoppers scroll down and shows it again when they scroll up) |
| Utilities | Words | Words reads "Search Trade Account Cart (2)". Icons suits long menus. |
| Show search | On | Opens the search drawer with predictive results |
| Trade link label | "Trade" | The word for the trade link. Empty uses the label in theme settings. |
| Trade link | Empty | Leave it empty to use the Trade page from theme settings. With neither, the trade link is hidden. |
When a menu has more top-level links than fit on one row, the header keeps them on one line and moves the rest into a More item at the end. On screens under 990px the header shows the menu button, the logo, search and the cart; the account link, the trade link and the country and language selectors move to the foot of the menu drawer. Account links appear only when customer accounts are turned on in Settings › Customer accounts. In the Icons style, choose the account panel's menu in Theme settings › Customer accounts.
Menu promo blocks (up to six) add an image tile to a mega menu: Menu item (the title of a top-level link, such as Furniture; at most two promos per link), Image, Heading ("Ready to ship"), Text ("Delivered in 1 to 2 weeks"), Title when there's no heading and Link. A promo only shows when its menu item has child links and the menu style is Mega menu.
Menus
Build menus in admin under Content › Menus. For a mega menu, nest links two levels deep: a top-level link (Furniture), child links that become the column headings (Seating, Tables, Storage), and grandchild links under each (Lounge chairs, Sofas, Benches). The presets use three menus: main-menu (the header and the footer's Shop column), about (the footer's Studio column) and footer (the footer's Help column: delivery, returns, care, samples, trade, contact).
Footer
The footer is a stone band with columns, then a bottom row with the lintel mark, shop name and copyright, policy links and payment icons.
| Setting | Default |
|---|---|
| Show the mark and shop name | On |
| Show "Powered by Shopify" | Off |
| Show policy links | On (the policies you've written in Settings › Policies) |
| Show payment icons | On |
| Show country and language selectors | On. Set up markets and languages in Shopify admin; the selectors show only when there is more than one country or language. |
Footer columns are blocks; add them in any order:
| Block | Settings |
|---|---|
| Newsletter | Heading, Text, Show Follow on Shop (off). Sign-ups become customers with email marketing consent in admin. |
| Menu column | Heading ("Shop") and Menu (default footer) |
| Visit | Heading ("Visit the showroom"), Address, Opening hours, Link label ("Get directions") and Link (a map link) |
| Text column | Heading and rich Text |
| Social media | Heading ("Follow us"); the icons come from Theme settings › Social media |
The footer also accepts the general blocks (Heading, Text, Button and the others in chapter 5).