🧰 Menu list

Add a Menu list to display a selection of menus and images together.

Add the section to a template

Click Customize to open the theme editor for the selected theme.

Open the template (e.g. home page, default product) and click (+) Add section in the sidebar.

Scroll down to the bottom of your default sections list and select 🧰 Menu list.

Customize section settings

Click the Menu list section to open its general settings.

Section heading

Add a heading to introduce the section with the Section heading field.

Font sizes

Use the sliders for Heading size, Mobile heading size, Text size, and Mobile text size to control the font sizes for the section's text components.

Select colors

Choose colors for the section's Text color, Link color, and Background color.

Adjust spacing

Use the Top padding and Bottom padding sliders to increase or decrease the padding of the section.

Use the Top margin and Bottom margin sliders to increase or decrease the margins of the section.

Connect menus with the blocks

Open a preloaded Menu block to customize its content. You can add up to a maximum of 6 Menu blocks in a Menu list section. 

Click Select menu to locate the menu to display.

Image

Add an Image to each of your menu lists using the Upload image button. Use images that are 360 x 360px and JPG format.

Collection or product images

If images are not provided, Empire will pull an image from the first collection in the menu. If there is no collection image to be found, it will use the first product image it can find.

Custom heading

Adding a custom heading replaces the default menu title for the menu block.

Changelog

December 3rd, 2024

• Updates to link hover states and animations

November 6th, 2024

• Minor bug fixes.

September 25th, 2024

• Menu list added to Theme Sections.