Designing your menu
Menu Styling
Menu Styling enhances your navigation with customizable blocks like buttons, cards, products, and collections. These elements help showcase your content and improve the shopping experience through an organized, interactive menu.
To edit your menu:
Click "Header group" in the left sidebar
Select "Header"
Click the "+" button to add blocks (Button, Card, Products, etc.)
Click on any block to customize it
Button
Adds a clickable button like "Shop now" that appears beside your cart and search bar.
Use buttons to highlight important actions or promotions that you want customers to take.

Card
Displays standard card content within a dropdown menu.
Cards can showcase featured content, promotions, or important information in a visually appealing format when customers interact with your navigation.

Columns
Increases the length and spans the full width of the page.
Adding a Columns block is useful when you want to organize dropdown content into multiple sections or when you need to extend your menu without adding specific content.

Products
Allows products to be displayed directly within dropdown menus.
This creates a visual shopping experience where customers can browse products without leaving the navigation area.

Collections
Showcases collection items within dropdown menus.
Use this to help customers quickly discover and navigate to specific product categories or themed collections in your store.

Last updated
Was this helpful?