Popup menu

Use the following block to customize menu items of the Icons menu displayed in the side popup.

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.

This block is usable for the desktop only.

In the "Menu item name" field, specify the top menu item name for which the block will be used.

Note! As the settings are case-sensitive, ensure to input text exactly as it appears in the admin. Thus, if you utilize uppercase, lowercase, or capitals in your Shopify admin under Online Store -> Navigation maintain the same case in the block.

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

Press "Select image" to choose the one 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.

Populars

Tick the "Enable" checkbox to add 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 the "Top", "Center", or "Bottom" relative to images.

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 the one from the source selector.

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

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 option will hide the items column by default.

Use the "Image" picker to set an image.

Note! Each item is required to assign 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.

Last updated