Customize your store header
The header is a fixed section at the top of your storefront and typically appears consistently across all pages. It usually includes your brand logo, main navigation menu, and additional modules such as announcement bars. As the first visual and interactive area users see when visiting your site, the header plays a key role in shaping their experience.
A well-designed header not only reinforces brand recognition but also helps guide visitors to key pages, boosting overall conversion rates.
How to access
The header is a global section that can be configured and previewed from any page in the editor. To edit the header, follow these steps:
- Log in to your Genstore admin panel.
- Go to Online Store -> Themes.
- Find your target theme and click Customize to open the theme editor.
- In the top toolbar, use the page selector to choose any page type (e.g., home page, product page, collection page).
- In the left-hand panel, click Header to open the configuration area.
Header structure
The Genstore header is composed of multiple sections and blocks, offering a clear structure with flexible customization options.
Default structure
| Level | Name | Description |
|---|---|---|
| Section | Announcement bar | An optional section that appears by default. Used to display store announcements with support for text, links, and carousel mode. |
| Section | Main header | A required section that includes common settings such as language switcher, logo, and navigation menu. |
Announcement bar
The announcement bar is ideal for displaying storewide messages, shipping info, or promotional alerts.
- Enable or disable carousel mode
- Add multiple announcement blocks
- Each block supports text and a clickable link
Main header section
The main header section supports configuration of two types of blocks: Product and Collection.
Product: Add shortcuts to specific products in your navigation—perfect for promoting new or best-selling items.
- Add multiple product entries
- Set a destination link for each product
- Enable card-style display including product image, price, and tags
- Link directly to the product page
Collection: Build out category-based navigation (e.g., Women / Men / Accessories).
- Add featured collections such as "Summer Picks" or "Phone Accessories"
- Customize display options for cover images and collection names
- Link directly to the corresponding collection page
Default built-in components
The following components are integrated into the header by default—no manual setup required:
- Customer icon (login/register)
- Search button
- Shopping cart icon
These elements are automatically responsive across different devices, ensuring a consistent user experience.
Additional sections
To further enhance your header, click Add section and choose from available options such as:
- Announcement bar: Highlight store updates like promotions, shipping info, or service guarantees.
- Scrolling text: Display short messages in a horizontal scroll format—ideal for promo phrases, brand slogans, or user tips.