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.
