# Popup menu

{% hint style="success" %}
**Tip:** To add a block, press **"Add block"** and choose **"Popup menu"** from the proposed list of blocks. This block can be added multiple times for each parent menu item.
{% endhint %}

{% hint style="warning" %}
This block is usable for the desktop only.
{% endhint %}

{% embed url="<https://www.youtube.com/watch?v=xk6TrWZIqMQ>" %}

In the **"Menu item name"** field, specify the top menu item name for which the block will be used.&#x20;

<mark style="color:orange;">**Note!**</mark> As the settings are case-sensitive, ensure input text exactly as it appears in the admin. Thus, if you use uppercase, lowercase, or capitals in your Shopify admin under *Shopify admin -> Content -> Menus,* maintain the same case in the block.

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

### Featured promotion

Use the **"Link"** resource selector to apply the redirection to the desired page. Customers will be directed to the pre-defined page when pressing the banner.

In the **"Image"** source selector, press **"Select"** to choose a media from the image library or upload it from your computer.

To display the promotional text over the image, edit the **"Heading"** and **"Paragraph"** fields.

The colors of the heading and paragraph can be changed using the corresponding color pickers.

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

### Populars

Tick the **"Enable"** checkbox to activate the related settings. This feature adds a text with a link redirecting to the collection corresponding to the main menu item. This text will be positioned in the top left corner of the second-level popup. Additionaly, you can add an extra column with the images and link items on the right using the settings "Item #1 - Item #20".

Change the positioning of the side column items in the **"Vertical align"** picker. The text alignment can be set to "Top", "Center", or "Bottom" relative to images.

<figure><img src="/files/099buad4zX0850U1Sd6I" alt=""><figcaption></figcaption></figure>

To change the default link of the "Populars" (which originates from the main menu item set in the admin) to any other, use the **"Link"** field. Paste the external link or select one from the source selector.

The link title can be changed using the **"Populars"** field.

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

#### Item #1 - Item #20

With the provided settings, you can incorporate an extra column on the side featuring images with text, which can be linked to pre-defined collections. The items will appear as the nested menu of the **"Populars"** item. Disabling the [<mark style="color:blue;">option</mark>](#populars) will hide the items column by default.

Use the **"Image"** picker to set an image.&#x20;

<mark style="color:orange;">**Note!**</mark> Each item requires assigning an image. Otherwise, an item won't appear in the column.

Utilize the **"Link"** resource selector to assign the redirection to the desired page. Customers will be directed to the predefined page upon clicking an item.

In the **"Title"** field, type any text related to an image.

Using the **"Text"** field, an additional text line can be placed below the title.

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


---

# 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://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/header/popup-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.