Designing your menu

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:

  1. Click "Header group" in the left sidebar

  2. Select "Header"

  3. Click the "+" button to add blocks (Button, Card, Products, etc.)

  4. Click on any block to customize it

Setting
Description

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?