# Add collections to mega menu

<figure><img src="/files/dg3ld9ZAh8GRJ9wS6lYw" alt=""><figcaption></figcaption></figure>

{% 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 style="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.
   {% endhint %}

### ⚙️ Block settings

<figure><img src="/files/uQpwTT2iRdCr4767DfBH" alt=""><figcaption></figcaption></figure>

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

* Collection card style:

{% tabs %}
{% tab title="Standard" %}

<figure><img src="/files/jhrzkCYS6Ynurj4LrsTE" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Content inside with overlay" %}

<figure><img src="/files/xbNwwJKwfkINTh4ePUig" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Content middle" %}

<figure><img src="/files/xNkG5xsj19qZQ9G6m2Rc" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.foxecom.com/zest-theme/pages-global-sections/menu/add-collections-to-mega-menu.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.