Menu Tab

Tab-style menu items for multi-brand or category navigation with SVG logo support.

How to add the Menu Tab block?

• From your Shopify admin, go to Online Store -> Themes.

• Find the theme that you want to edit, and then click Customize.

• In the Header Group -> Header -> Add block -> choose Menu Tab.

Menu Tab - Settings Guide

This guide explains all available settings for the Menu Tab section in order from top to bottom as they appear in the Theme Editor.

Setting	Type	Description	Visibility
Logo (block)	image_picker	Optional image for the block's logo.	Always visible
Logo Text	liquid	Text/logo fallback displayed when no image is provided.	Always visible
Link (page)	page	Optional page link for the block.	Always visible
Text Color	color	Text color for the block.	Always visible
Background Color	color	Background color for the block.	Always visible
Active Text Color	color	Text color when the item is active.	Always visible
Active Background Color	color	Background color when the item is active.	Always visible
Divider	checkbox	Show a divider for this block.	Always visible

How to set up different navigation for each Menu Tab block?

Step 1: Create a Page using a template that starts with "landing-"

Create a new Page and select a template that starts with landing-, which is provided by the theme. After creating the page, copy the page handle, as it will be used in the next steps.

---

Step 2: Create a Menu with the same handle as the Page

Create a new Menu and make sure the menu handle matches exactly the page handle created in Step 1. Add all menu items that you want to display inside this tab.

---

Step 3: Assign the Page in the Menu Tab Block settings

In the Menu Tab Block settings, scroll down to the Link section and select the Page you created in Step 1.