{"id":350776,"date":"2026-09-23T20:32:19","date_gmt":"2026-09-23T20:32:19","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/sanbar-menu-maker\/"},"modified":"2026-10-24T12:19:44","modified_gmt":"2026-10-24T12:19:44","slug":"sanbar-menu-maker","status":"publish","type":"plugin","link":"https:\/\/az.wordpress.org\/plugins\/sanbar-menu-maker\/","author":23471565,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.2","stable_tag":"1.2","tested":"7.1.3","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"SanBar Menu Maker","header_author":"SanBar (Sandro Barboza)","header_description":"Modular WooCommerce menu builder with mega menu, accordion, tiles and top bar layouts, a live preview editor, and shortcodes for any page.","assets_banners_color":"882713","last_updated":"2026-10-24 12:19:44","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/software.sanbazar.com.br","header_author_uri":"https:\/\/profiles.wordpress.org\/sanbazar\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":191,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0":{"tag":"1.0","author":"sanbazar","date":"2026-09-23 20:31:55","revision":3710138},"1.2":{"tag":"1.2","author":"sanbazar","date":"2026-10-24 12:19:44","revision":3763250}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3710137,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":3710137,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0","1.2"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3710137,"resolution":"1","location":"assets","locale":"","width":1719,"height":807},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3710137,"resolution":"2","location":"assets","locale":"","width":1713,"height":777},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3710137,"resolution":"3","location":"assets","locale":"","width":1715,"height":805},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3710137,"resolution":"4","location":"assets","locale":"","width":1715,"height":817}},"screenshots":{"1":"Listing screen with menus of different types and one-click publish\/unpublish.","2":"Split-screen editor with tabs for Categories and Appearance, live preview on the right.","3":"Accordion menu rendered on the front-end with banner images and subcategory panels.","4":"Mega menu rendered on the front-end with hover dropdowns.","5":"Tiles grid rendered on a landing page."}},"plugin_section":[],"plugin_tags":[5041,6276,6274,10214,286],"plugin_category":[43,45],"plugin_contributors":[267603],"plugin_business_model":[],"class_list":["post-350776","plugin","type-plugin","status-publish","hentry","plugin_tags-category-menu","plugin_tags-mega-menu","plugin_tags-mobile-menu","plugin_tags-sticky-menu","plugin_tags-woocommerce","plugin_category-customization","plugin_category-ecommerce","plugin_contributors-sanbazar","plugin_committers-sanbazar"],"banners":{"banner":"https:\/\/ps.w.org\/sanbar-menu-maker\/assets\/banner-772x250.png?rev=3710137","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/sanbar-menu-maker\/assets\/icon-256x256.png?rev=3710137","icon_2x":"https:\/\/ps.w.org\/sanbar-menu-maker\/assets\/icon-256x256.png?rev=3710137","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/sanbar-menu-maker\/assets\/screenshot-1.png?rev=3710137","caption":"Listing screen with menus of different types and one-click publish\/unpublish."},{"src":"https:\/\/ps.w.org\/sanbar-menu-maker\/assets\/screenshot-2.png?rev=3710137","caption":"Split-screen editor with tabs for Categories and Appearance, live preview on the right."},{"src":"https:\/\/ps.w.org\/sanbar-menu-maker\/assets\/screenshot-3.png?rev=3710137","caption":"Accordion menu rendered on the front-end with banner images and subcategory panels."},{"src":"https:\/\/ps.w.org\/sanbar-menu-maker\/assets\/screenshot-4.png?rev=3710137","caption":"Mega menu rendered on the front-end with hover dropdowns."}],"raw_content":"<!--section=description-->\n<p>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.<\/p>\n\n<h4>Menu types included<\/h4>\n\n<ul>\n<li><strong>Mega Menu<\/strong> \u2014 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.<\/li>\n<li><strong>Accordion<\/strong> \u2014 vertical menu with banner images per category and expandable panels of subcategories, one open at a time. Ideal for mobile and landing pages.<\/li>\n<li><strong>Tiles<\/strong> \u2014 image grid of categories with title overlay. Adjustable columns, aspect ratio and hover zoom.<\/li>\n<li><strong>Top Bar<\/strong> \u2014 simple horizontal link bar with optional subcategory dropdowns. Configurable separators, alignment and wrap\/scroll overflow.<\/li>\n<li><strong>Mobile<\/strong> \u2014 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 \"\u2630 Categories\" button.<\/li>\n<\/ul>\n\n<h4>Highlights<\/h4>\n\n<ul>\n<li><strong>Multiple menus<\/strong> \u2014 unlimited menus of any type, each independently configured.<\/li>\n<li><strong>Local category order<\/strong> \u2014 the order set inside a menu is local to that menu; WooCommerce category order (term_order, menu_order) is never modified.<\/li>\n<li><strong>Media Library banners<\/strong> \u2014 banners are stored as attachment IDs, with srcset, lazy loading and proper WordPress image sizing.<\/li>\n<li><strong>Live preview<\/strong> \u2014 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.<\/li>\n<li><strong>Drag-and-drop reordering<\/strong> \u2014 reorder categories by dragging the handle. No page reload.<\/li>\n<li><strong>Independent enable\/expand<\/strong> \u2014 disabling a category no longer collapses its edit fields.<\/li>\n<li><strong>Menu icons<\/strong> \u2014 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.<\/li>\n<li><strong>Mobile menus<\/strong> \u2014 desktop keeps the menu as designed, small screens get a \"\u2630 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.<\/li>\n<li><strong>Sticky menu<\/strong> \u2014 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.<\/li>\n<li><strong>Hover, click or tap<\/strong> \u2014 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.<\/li>\n<li><strong>Dropdown direction and alignment<\/strong> \u2014 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.<\/li>\n<li><strong>Scroll arrows<\/strong> \u2014 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.<\/li>\n<li><strong>Accessibility<\/strong> \u2014 ARIA states on parent items, keyboard support (Enter, Space, Esc) in the click and touch modes, and reduced-motion support.<\/li>\n<li><strong>Translation ready<\/strong> \u2014 every string uses the <code>sanbar-menu-maker<\/code> text domain and a <code>.pot<\/code> template is included. Translations load from translate.wordpress.org or from your own <code>.mo<\/code> files.<\/li>\n<li><strong>HPOS compatible<\/strong> \u2014 declared compatible with WooCommerce's high-performance order storage.<\/li>\n<li><strong>SB Softwares Hub integration<\/strong> \u2014 appears as a submenu of the SB Softwares Hub when installed, or as a standalone top-level menu otherwise.<\/li>\n<li><strong>Legacy migration<\/strong> \u2014 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.<\/li>\n<\/ul>\n\n<h4>Shortcodes<\/h4>\n\n<ul>\n<li><code>[sanbar_mega_menu id=\"X\"]<\/code><\/li>\n<li><code>[sanbar_accordion id=\"X\"]<\/code><\/li>\n<li><code>[sanbar_tiles id=\"X\"]<\/code><\/li>\n<li><code>[sanbar_topo id=\"X\"]<\/code><\/li>\n<li><code>[sanbar_mobile id=\"X\"]<\/code><\/li>\n<\/ul>\n\n<p>The <code>id<\/code> attribute is optional. When omitted, the plugin uses the first published menu of that type.<\/p>\n\n<p>Mobile menus are normally selected in the <strong>Mobile<\/strong> tab of another menu; the <code>[sanbar_mobile]<\/code> shortcode places one on its own.<\/p>\n\n<h3>Third-party libraries<\/h3>\n\n<p>The editor bundles Alpine.js 3.15.12 and SortableJS 1.15.7 (both MIT), served locally.<\/p>\n\n<p>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 <code>assets\/icons\/LICENSES.txt<\/code>.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin folder to <code>\/wp-content\/plugins\/<\/code> or install through the WordPress plugin screen.<\/li>\n<li>Activate the plugin.<\/li>\n<li>Make sure WooCommerce is active.<\/li>\n<li>Go to <strong>SanBar Menu Maker<\/strong> (or <strong>SB Softwares \u2192 Menu Maker<\/strong> if the Hub is installed) to create your first menu.<\/li>\n<li>If you had the old sanbazar mega menu or accordion plugin installed, an admin notice offers to import your existing settings.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20it%20change%20woocommerce%20category%20order%3F\"><h3>Does it change WooCommerce category order?<\/h3><\/dt>\n<dd><p>No. The order you set inside a menu is local to that menu. WooCommerce category order and <code>menu_order<\/code> values are never touched.<\/p><\/dd>\n<dt id=\"can%20i%20have%20multiple%20menus%20of%20the%20same%20type%3F\"><h3>Can I have multiple menus of the same type?<\/h3><\/dt>\n<dd><p>Yes. Create as many mega menus, accordions, tiles, top bars or mobile menus as needed. Each has its own shortcode with the menu ID.<\/p><\/dd>\n<dt id=\"does%20the%20live%20preview%20affect%20the%20site%3F\"><h3>Does the live preview affect the site?<\/h3><\/dt>\n<dd><p>No. Menus stay in draft while you edit them; nothing appears on the front-end until you click <strong>Publish<\/strong>. The preview iframe is only visible to authenticated administrators.<\/p><\/dd>\n<dt id=\"how%20do%20i%20migrate%20from%20the%20old%20plugins%3F\"><h3>How do I migrate from the old plugins?<\/h3><\/dt>\n<dd><p>Install and activate SanBar Menu Maker. The old plugins can remain installed. A blue admin notice will appear on the listing screen with a <strong>Run migration<\/strong> button. Migration is idempotent \u2014 running it again does no harm and does not create duplicates; a menu already migrated from a given source is simply skipped.<\/p><\/dd>\n<dt id=\"is%20it%20compatible%20with%20high-performance%20order%20storage%20%28hpos%29%3F\"><h3>Is it compatible with High-Performance Order Storage (HPOS)?<\/h3><\/dt>\n<dd><p>Yes. The plugin declares compatibility with <code>custom_order_tables<\/code>.<\/p><\/dd>\n<dt id=\"where%20can%20i%20translate%20strings%20i%20don%27t%20like%3F\"><h3>Where can I translate strings I don't like?<\/h3><\/dt>\n<dd><p>Use translate.wordpress.org to contribute a translation, or place your own <code>sanbar-menu-maker-{locale}.mo<\/code> file in <code>wp-content\/languages\/plugins\/<\/code> (any Poedit-like tool compiles it from the <code>.pot<\/code> template in the plugin's <code>languages\/<\/code> folder). WordPress picks it up automatically.<\/p><\/dd>\n<dt id=\"how%20do%20i%20show%20a%20%22%E2%98%B0%20categories%22%20button%20on%20mobile%3F\"><h3>How do I show a \"\u2630 Categories\" button on mobile?<\/h3><\/dt>\n<dd><p>Open a Mega, Top Bar or Accordion menu, go to the <strong>Mobile<\/strong> tab and turn the button on. By default it opens the same categories as an accordion. To design the mobile list separately, create a menu of type <strong>Mobile<\/strong> (cards with a background image or a simple list), publish it and choose it in the <strong>Mobile menu<\/strong> field. A Mobile menu must be published; otherwise the automatic accordion is used and the editor shows a warning.<\/p><\/dd>\n<dt id=\"how%20do%20i%20make%20the%20menu%20sticky%3F\"><h3>How do I make the menu sticky?<\/h3><\/dt>\n<dd><p>Open the menu's <strong>Sticky<\/strong> tab and choose a mode. If your theme already has a fixed header, enter its CSS selector (for example <code>.site-header<\/code>) so the menu sticks right below it. The WordPress admin bar is discounted automatically.<\/p><\/dd>\n<dt id=\"can%20i%20use%20my%20own%20icons%3F\"><h3>Can I use my own icons?<\/h3><\/dt>\n<dd><p>Yes. In the Categories tab open a category and click <strong>Choose icon<\/strong>. Besides the bundled sets you can pick an image from the Media Library, paste any emoji or use the category image. Subcategories and extra links can have icons too.<\/p><\/dd>\n<dt id=\"on%20touch%20screens%20tapping%20a%20category%20goes%20to%20its%20page%2C%20so%20i%20can%27t%20reach%20the%20subcategories\"><h3>On touch screens tapping a category goes to its page, so I can't reach the subcategories<\/h3><\/dt>\n<dd><p>In the Appearance tab of a Mega or Top Bar menu, set <strong>Open subcategories on<\/strong> to <em>Touch screens only<\/em> or <em>Click or tap<\/em>. The first tap opens the dropdown and a \"View all\" link takes visitors to the category.<\/p><\/dd>\n<dt id=\"my%20menu%20is%20at%20the%20bottom%20of%20the%20page%20and%20the%20dropdown%20is%20cut%20off\"><h3>My menu is at the bottom of the page and the dropdown is cut off<\/h3><\/dt>\n<dd><p>Set <strong>Dropdown direction<\/strong> to <em>Up<\/em> in the Appearance tab, and <strong>Dropdown alignment<\/strong> to <em>Centered<\/em> if you want it kept inside the menu width.<\/p><\/dd>\n<dt id=\"does%20the%20plugin%20load%20anything%20from%20external%20servers%3F\"><h3>Does the plugin load anything from external servers?<\/h3><\/dt>\n<dd><p>No. Icons are bundled inline SVG, and all scripts and styles are served from the plugin folder.<\/p><\/dd>\n<dt id=\"i%20placed%20the%20shortcode%20in%20my%20theme%27s%20header%20builder%20and%20the%20menu%20looks%20broken%20%28wrong%20height%2C%20odd%20spacing%2C%20or%20a%20strange%20font%29\"><h3>I placed the shortcode in my theme's header builder and the menu looks broken (wrong height, odd spacing, or a strange font)<\/h3><\/dt>\n<dd><p>This almost always means the shortcode ended up wrapped in an element it shouldn't be in. Two common causes:<\/p>\n\n<ol>\n<li><strong>A \"Code\" element instead of a \"Shortcode\"\/\"HTML\" element.<\/strong> Some header\/page builders offer a \"Code\" block meant for <em>displaying<\/em> code snippets (like documentation), which wraps its content in <code>&lt;code&gt;<\/code> tags. If you paste a shortcode there, the browser applies <code>&lt;code&gt;<\/code>'s default styling (monospace font, background, padding) to the menu, and this can cascade into visibly wrong heights or fonts. Use your builder's plain \"Shortcode\" or \"HTML\"\/\"Custom HTML\" element instead \u2014 never a \"Code\"\/\"Display code\" one.<\/li>\n<li><strong>A leftover <code>&lt;p&gt;<\/code> tag around the shortcode.<\/strong> Some classic\/visual editors auto-wrap loose text in <code>&lt;p&gt;...&lt;\/p&gt;<\/code>, including shortcodes typed on their own line. Since block-level output (like a nav bar) isn't valid inside a <code>&lt;p&gt;<\/code>, browsers silently \"fix\" the HTML by splitting the paragraph, which can introduce extra margin or stray empty elements around the menu. If you can, switch to the block's \"Code\"\/\"Text\" view and remove any <code>&lt;p&gt;<\/code> and <code>&lt;code&gt;<\/code> tags surrounding the shortcode, leaving just <code>[sanbar_mega_menu id=\"X\"]<\/code> on its own.<\/li>\n<\/ol>\n\n<p>Each menu type also includes a defensive CSS reset that neutralizes the most common leaked styles (font, background, padding, border) if it ends up inside an unexpected wrapper \u2014 but placing the shortcode in the correct element type is still the more reliable fix.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.2<\/h4>\n\n<ul>\n<li>New: Mobile menu type (cards with a background image or a simple list, one category open at a time) and a \"\u2630 Categories\" mobile button for Mega, Top Bar and Accordion menus. Choose which Mobile menu each menu uses; the menu listing and the editor show the connection with colored badges.<\/li>\n<li>New: Menu icons for categories, subcategories and extra links (Mega, Top Bar, Accordion and Mobile): Lucide, Font Awesome Free, Bootstrap Icons, Dashicons, emoji, your own images or the category image. Searchable picker with Portuguese search and suggestions, and position, size, color and icon-only options.<\/li>\n<li>New: Sticky menu for Mega, Top Bar and the mobile button: always fixed, hide on scroll down and show on scroll up, or compact, with device, offset and theme-header options.<\/li>\n<li>New: \"Open subcategories on\" option for Mega and Top Bar: hover, touch screens only, or click\/tap on any device, with a \"View all\" link in the dropdown.<\/li>\n<li>New: Dropdown direction (down or up) and dropdown alignment (auto or centered, always kept inside the menu width and the screen) for Mega and Top Bar.<\/li>\n<li>New: Scroll arrows for Mega and Top Bar: prominent or subtle style, shown only in the direction that has more items, sized to the bar height, with mouse drag to scroll.<\/li>\n<li>Improvement: Much faster editor autosave. Saving and preview refresh happen in a single request, quick consecutive changes are merged, and subcategories load in one query.<\/li>\n<li>Improvement: ARIA states, keyboard support and reduced-motion support for the new interactions.<\/li>\n<li>Fix: Dropdowns of a scrolling Mega menu could extend beyond the content area. They now stay inside it.<\/li>\n<li>Fix: Removed the PHP 8-only \"mixed\" return type from the cache helper, restoring compatibility with the declared minimum of PHP 7.4.<\/li>\n<li>Small quality improvements.<\/li>\n<\/ul>\n\n<h4>1.1.1<\/h4>\n\n<ul>\n<li>Fix: Dynamic menu styles now print immediately before shortcodes rendered after wp_head, preventing an unstyled menu flash during navigation.<\/li>\n<\/ul>\n\n<h4>1.1<\/h4>\n\n<ul>\n<li>New: Bar corner radius option (0-30px) for Mega Menu and Top Bar.<\/li>\n<li>New: Dropdown corner radius option (0-30px) for Top Bar.<\/li>\n<li>New: Dropdown shadow option (None, Subtle, Medium, Strong) for Mega Menu and Top Bar.<\/li>\n<li>Improvement: Editor and listing buttons and selects standardized (5px radius, uniform toolbar height, Publish button aligned with the rest).<\/li>\n<li>Improvement: Colored action badges (Edit, Publish, Duplicate, Delete) in the menu listing, on a single row.<\/li>\n<li>Fix: Links in the editor preview no longer navigate away from the preview (all menu types).<\/li>\n<\/ul>\n\n<h4>1.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"Menu builder for WooCommerce \u2014 mega, accordion, tiles, top bar and mobile menus with icons, sticky header and live preview.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/az.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/350776","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/az.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/az.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/az.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=350776"}],"author":[{"embeddable":true,"href":"https:\/\/az.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/sanbazar"}],"wp:attachment":[{"href":"https:\/\/az.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=350776"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/az.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=350776"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/az.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=350776"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/az.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=350776"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/az.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=350776"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/az.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=350776"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}