SanBar Menu Maker

SanBar Menu Maker is a modular menu builder for WooCommerce stores. Create as many menus as you need, of five different types, and drop them anywhere on the site via shortcode. Every menu is edited in a split-screen editor with a live preview against your real theme.

Menu types included

• Mega Menu — horizontal bar with dropdowns of subcategories (hover, click or tap), scroll arrows when the items don’t fit, and an optional mobile button. Ideal for the desktop header.
• Accordion — vertical menu with banner images per category and expandable panels of subcategories, one open at a time. Ideal for mobile and landing pages.
• Tiles — image grid of categories with title overlay. Adjustable columns, aspect ratio and hover zoom.
• Top Bar — simple horizontal link bar with optional subcategory dropdowns. Configurable separators, alignment and wrap/scroll overflow.
• Mobile — stacked categories for small screens: cards with a background image or a simple list, one category open at a time. Connect it to a Mega, Top Bar or Accordion menu to open it from a “☰ Categories” button.

Highlights

• Multiple menus — unlimited menus of any type, each independently configured.
• Local category order — the order set inside a menu is local to that menu; WooCommerce category order (term_order, menu_order) is never modified.
• Media Library banners — banners are stored as attachment IDs, with srcset, lazy loading and proper WordPress image sizing.
• Live preview — the right pane shows your real theme with the menu rendered inside. Every change autosaves and refreshes the preview without a full reload; saving and preview happen in a single request, and quick consecutive changes are merged.
• Drag-and-drop reordering — reorder categories by dragging the handle. No page reload.
• Independent enable/expand — disabling a category no longer collapses its edit fields.
• Menu icons — add an icon to any category, subcategory or extra link. Choose from Lucide, Font Awesome Free, Bootstrap Icons, Dashicons, emoji, your own image or the category image, using a searchable picker (including Portuguese search and suggestions based on the category name). Position, size, color and icon-only options. Icons are inline SVG: no external requests.
• Mobile menus — desktop keeps the menu as designed, small screens get a “☰ Categories” button that opens an accordion panel. Use the automatic accordion or choose a separate Mobile menu for each menu. The menu listing shows the connections with colored badges.
• Sticky menu — keep a Mega, Top Bar or the mobile button fixed while scrolling: always fixed, hide on scroll down and show on scroll up, or compact. Device, offset and theme-header options, with no page jump.
• Hover, click or tap — choose how subcategories open: on hover, on touch screens only, or by click/tap on any device. A “View all” link is added to the dropdown in the click and touch modes.
• Dropdown direction and alignment — open dropdowns upward for menus at the bottom of the page, and center them under the category while keeping them inside the menu width and the screen.
• Scroll arrows — when a Mega or Top Bar doesn’t fit, arrows appear only in the direction that has more items. Prominent (round button) or subtle (faded edge with a marker line) style, adapting to the bar height, plus mouse drag to scroll.
• Accessibility — ARIA states on parent items, keyboard support (Enter, Space, Esc) in the click and touch modes, and reduced-motion support.
• Translation ready — every string uses the sanbar-menu-maker text domain and a .pot template is included. Translations load from translate.wordpress.org or from your own .mo files.
• HPOS compatible — declared compatible with WooCommerce’s high-performance order storage.
• SB Softwares Hub integration — appears as a submenu of the SB Softwares Hub when installed, or as a standalone top-level menu otherwise.
• Legacy migration — one-click import from the previous sanbazar-mega-menu-v2 and sanbazar-menu-accordion plugins. Slugs are resolved to term IDs and banner URLs to attachment IDs automatically.

Shortcodes

• [sanbar_mega_menu id="X"]
• [sanbar_accordion id="X"]
• [sanbar_tiles id="X"]
• [sanbar_topo id="X"]
• [sanbar_mobile id="X"]

The id attribute is optional. When omitted, the plugin uses the first published menu of that type.

Mobile menus are normally selected in the Mobile tab of another menu; the [sanbar_mobile] shortcode places one on its own.

Third-party libraries

The editor bundles Alpine.js 3.15.12 and SortableJS 1.15.7 (both MIT), served locally.

The bundled icons are open source and are printed as inline SVG (no external requests): Lucide (ISC), Bootstrap Icons (MIT), Font Awesome Free (icons CC BY 4.0, fonts SIL OFL 1.1, code MIT; https://fontawesome.com) and Dashicons (GPL-2.0-or-later). License texts are in assets/icons/LICENSES.txt.