Install App

Built for Shopify navigation

Menu navigation, made smarter

Add custom fields, custom icons, promotional badges, and tailored brand colours to your navigation menus. Enhance shopper discovery with structured navigation control.

MenuFields app dashboard listing Shopify menus with appearance and custom field settings

Works with the Shopify menus you already manage

  • $0Free plan available
  • 5Field types supported

Engineered for scale

Complete control over your store's visual architecture

Custom Fields

Define structured custom metadata, extra links, tags, and descriptive subtexts on any menu item easily.

Liquid Ready

Visual Badges

Add eye-catching badges, emoji or image icons, and tailored merchant colouring to match your store identity instantly.

Zero Code

Live Preview

Safely review your restyled navigation in a draft preview before publishing to your live customers.

Draft & Publish

One Shopify app. Two powerful paths.

Whether you need simple visual upgrades or are building a complex custom navigation schema.

Customise menu appearance

Add clear semantic design cues that guide store visitors naturally — no theme coding required.

  • Add badges like "New", "Hot" or "Sale"
  • Add emoji or Shopify Files image icons
  • Change individual link colours dynamically
  • Highlight key store routes seamlessly
  • Configure global styling via the native Theme Editor

Add custom menu data

Use Shopify navigation as a structured content model. Link collections, descriptions, or promo data directly.

  • Create reusable custom field definitions
  • Assign values to individual menu links
  • Reference Shopify metaobjects and files
  • Mark required fields for error-free entries
  • Inject structures smoothly inside custom Liquid
{% assign data = link.metafields.menu_fields %}{{ data.badge_text.value }} <!-- Returns: 'NEW' -->

Theme Customization

Structured menu data for custom builds

Define text, number, choice, list and reference fields, then read them straight from Liquid. Reference Shopify metaobjects and files directly on the navigation links you already manage.

  • Custom fields
  • Structured data
  • Liquid access
MenuFields custom field definition editor showing structured field types

Badges & Styles

Add badges, icons and colours without code

Highlight seasonal launches, clearance sales, and new items directly inside the navigation dropdown layout. Configure badge colours and shapes, icons, and link styling to match your store's palette.

  • Custom badges
  • Brand matched colours
  • No-code styling
MenuFields badge styling editor with colour and shape controls

Publish Workflows

Preview changes before you publish

Edit and preview your store's navigation completely outside live user traffic. Enable or disable MenuFields per menu, then publish when everything looks right.

  • Live menu preview
  • Publish when ready
  • Menu-level control
MenuFields menu preview showing draft changes before publishing

Zero-code storefront transformation

Your navigation structure stays in Shopify. MenuFields adds the visual layer.

BEFOREStandard Shopify navigation

AFTERWith MenuFields active

Three-step deployment

Designed to work out of the box

  1. Install the app

    Add MenuFields to your Shopify store in just one click with absolutely zero theme code updates required.

  2. Configure metadata

    Attach badges, icons, colours and structured values to your menu items from the MenuFields editor.

  3. Publish safely

    Confirm the styling looks perfect in the built-in preview, then publish the changes to your storefront.

Give your navigation more context

Install the Shopify app today and give shoppers clearer, richer navigation menus.

Native compatibility with any theme

Automatically maps menus through active theme settings. No manual class queries needed.

Header, footer, drawer navigation support

Styles link items flawlessly wherever they appear in standard theme components.

Works without class configuration

Zero requirement for developers to configure CSS hooks, keeping code bases unmodified.

Spacing & scaling sliders in Shopify Theme Editor

Set icon dimensions, spacing scales, and custom font weights inside the customizer.

Predictable pricing

Predictable plans that scale

Free Plan

Permanent free tier to configure visual designs.

$0/forever

Live preview and Liquid examples


  • Publish up to 2 menus
  • Customise up to 5 menu items
  • Badges, icons and link styling
  • 1 structured data definition
Get Started Free

Growth Plan

POPULAR

For merchants who need full control.

$9.99/month

Or $99.99/year (save 16% overall).


  • Unlimited published menus
  • Unlimited customised menu items
  • Unlimited structured data definitions
  • All supported field and reference types
  • Required fields and default values
Install MenuFields