# Add collections to mega menu

![image](https://docs-assets.foxecom.app/zest-theme/Fox-BG%20Light%20(12)_dg3ld9ZA.jpg)

<Embed url="https://youtu.be/vH1Saf0X_TA" />

Make your navigation more visual and category-driven by showcasing collections right inside your mega menu. Perfect for surfacing seasonal drops, popular categories, or curated collections to drive exploration.

## How to add a collections list to the mega menu

<Hint type="success">

Steps:

1. In the **Header** section, click **Add block**.
2. Select **Collections list (Mega menu)**.
3. In the **Menu title** field, type the **exact name** of the menu item this block should appear under.
4. Choose up to **6 collections** to display.
5. Customize the card layout, text color, and dropdown settings.
6. Save your changes.

</Hint>

### ⚙️ Block settings

![image](https://docs-assets.foxecom.app/zest-theme/image_uQpwTT2i.png)

<Table widths="240,auto,auto">

| Setting | What it does |
| --- | --- |
| Menu title | Determines which main menu item this banner belongs to. It must exactly match the menu title. |
| Style | Choose between card styles for each collection. |
| Text color | Pick a color for the collection name + product count text. |
| Dropdown container | Inherit from header or set independent container styling. |
| Desktop menu columns | Choose how many columns are shown in the dropdown layout. |
| Width (%) | Adjust the width of the collection list relative to the mega menu. |
| Collection 1–6 | Choose which collections to show (up to 6). |

</Table>

* Collection card style:

<Tabs>
<Tab title="Standard">

![image](https://docs-assets.foxecom.app/zest-theme/image_jhrzkCYS.png)

</Tab>

<Tab title="Content inside with overlay">

![image](https://docs-assets.foxecom.app/zest-theme/image_xbNwwJKw.png)

</Tab>

<Tab title="Content middle">

![image](https://docs-assets.foxecom.app/zest-theme/image_xNkG5xsj.png)

</Tab>
</Tabs>

* Each card shows the **featured image** (or first product's image), **collection name**, and **product count**.