HubSpot Marketplace Module

Menu Display Pro for HubSpot CMS

Restaurant menu module with categories, dietary tags, photos, live search, and Schema.org structured data

A fully configurable menu module for restaurants, cafés, bars, and food service businesses. Nested category and item repeaters, 14 dietary tag presets, four layouts (grid, list, classic, magazine), sticky category navigation, live search with dietary filters, seasonal category flagging, and built-in Schema.org Menu JSON-LD for Google Business Profile and search. 90+ style controls. No HubDB. Works on CMS Starter.

Get the Module arrow_outward Works with any HubSpot CMS theme · Pure vanilla JavaScript · $14.99

Everything a restaurant menu needs on HubSpot

restaurant_menu

Nested Category & Item Repeaters

Up to 20 categories, each with up to 50 menu items. Edit everything directly from the page editor. No database, no HubDB table, no custom content type. Add a new section or dish by clicking the plus button.

eco

14 Dietary Tag Presets

Vegetarian, vegan, gluten-free, dairy-free, nut-free, pescatarian, halal, kosher, keto, low-carb, organic, and three spice levels. Each tag gets its own editable background and text color. Used on item cards and as filter pills in the toolbar.

data_object

Schema.org Menu JSON-LD

Built-in structured data output for every menu instance. Menu, MenuSection, and MenuItem schema with name, description, image, offers (price + currency), suitableForDiet (mapped automatically from your dietary tags), and nutrition (calories). Helps Google Business Profile and search surfaces parse your menu.

Live Search & Dietary Filters

Search bar filters menu items by name and description in real time as visitors type. Dietary filter pills auto-generate from tags actually used in your menu. Search and filters combine — search within vegan items, or vegan within mains. Every label is editable for any language.

dashboard

Four Layouts in One Module

Grid (cards with photos), list (horizontal rows), classic (text-only with dotted leader lines to prices), and magazine (alternating large photo blocks). Change layouts from a dropdown. Column count configurable from 1 to 4.

push_pin

Sticky Category Navigation

Sticky nav bar with smooth scroll jumps to each category. Active state updates as visitors scroll using IntersectionObserver scroll spy. Horizontally scrollable on mobile. Makes long menus navigable without endless scrolling.

auto_awesome

Seasonal Rotation & Featured Items

Mark categories as seasonal with a badge and optional "available through" note. Flag individual items as featured for a highlighted border. Add chef's special, popular, signature, new, limited, or locally sourced badges per item. Price ranges, price suffixes (e.g. "market price"), and optional calorie counts all supported.

palette

90+ Style Controls

Two font pickers with theme inheritance, 40+ color fields (including per-dietary-tag colors, featured border, seasonal badge, category nav active state, search focus, filter active state), card padding, radius, border, shadow presets, photo height and radius, filter pill radius, tag padding, and full responsive breakpoints.

accessibility_new

Accessible & Multi-Currency

ARIA labels, semantic headings, keyboard-navigable filter pills, focus-visible outlines, and scroll spy that respects section order. 15 ISO 4217 currency codes with configurable symbol output. Allergen lines, gated-safe markup, and descriptions that still index even when photos are hidden.

What you can build

Menu Display Pro works for any food service business. Here are four common setups.

Full-service restaurant

Starters, mains, desserts, and drinks as four categories with photos for every dish. Grid layout with two columns. Dietary filter pills for vegetarian and gluten-free. Chef's special badges on signature items. Schema.org structured data feeds Google Business Profile so search shows prices in the knowledge panel.

Café or bakery

Classic layout with dotted leader lines from item name to price, no photos, two columns. Coffee, tea, pastries, and sandwiches as four categories. Small menu, clean typography, fast loading. Perfect for small cafés with frequent menu changes where photography isn't practical.

Hotel or multi-meal restaurant

Three instances of the module on one page: breakfast, lunch, and dinner. Each with its own menu_info block (different hours, same restaurant name). Magazine layout for dinner with large photos of signature dishes. List layout for breakfast for a simple catalog feel.

Seasonal tasting menu

Small menu with 6 to 12 items organized by course. Seasonal category flag with "Available through March 2026" note. Featured items highlighted with accent border. Allergen lines visible. Calorie counts shown for health-conscious diners. Magazine layout with alternating photos for a premium feel.

Works with any HubSpot theme, CMS Starter included

Menu Display Pro is a standalone module. Install it in any HubSpot CMS portal and drop it on any page including website pages, landing pages, and blog posts. No theme dependency, no HubDB requirement, no jQuery, no external CDN calls. Pure vanilla JavaScript under 4KB. Runs on CMS Starter.

Questions

Does it output Schema.org Menu structured data?

add

Yes. Every instance outputs a complete Schema.org Menu JSON-LD block with hasMenuSection and hasMenuItem arrays. Each item includes name, description, image, offers with price and priceCurrency, suitableForDiet mapped automatically from dietary tags (VegetarianDiet, VeganDiet, GlutenFreeDiet, HalalDiet, KosherDiet, LowCalorieDiet), and nutrition with calorie data when set. Toggle it off from the settings if you're outputting schema elsewhere.

Can I have multiple menus on the same page?

add

Yes. Each module instance is fully scoped with a unique ID. Drop three instances on one page (breakfast, lunch, dinner) and each has its own categories, items, search, filters, and schema output with no style conflicts. Useful for hotel restaurants and multi-menu concepts.

Does it work for text-only menus without photos?

add

Yes. Switch the layout to Classic and the module renders a text-only menu with dotted leader lines from item name to price — the traditional print-menu look. Or use any layout with Show Photos turned off. Descriptions, dietary tags, and prices still render normally, and Schema.org output still works.

Can I localize it for other languages?

add

Yes. Every label in the module is editable: search placeholder, "All" filter text, no-results message, seasonal badge text, item count suffix, availability note. 15 ISO 4217 currency codes are built in with a configurable symbol. Write your menu in any language and set the labels to match.

Launch your restaurant menu with Menu Display Pro

The most comprehensive menu module on the HubSpot Marketplace. Nested categories, 14 dietary tags, four layouts, live search, sticky navigation, Schema.org JSON-LD, and 90+ style controls.

Get the Module arrow_outward

Related modules: Pricing Calculator Pro · Comparison Matrix Pro · Calendar Pro · All Modules