Select one or more tags, then press “Search Plugins”

Find Plugin with any / all of the selected criteria
Search Plugin

Demfilz Advanced Menus Wordpress Plugin - Rating, Reviews, Demo & Download

Demfilz Advanced Menus Preview Wordpress Plugin - Rating, Reviews, Demo & Download
No ratings yet
Free
Follow for free plugins, new theme releases and theme news

Plugin Description

Your theme’s menu, upgraded. Advanced Menus adds the things people always end up wanting from their navigation, and it does it inside Appearance > Menus, on the items you already have. No page builder, no theme lock-in, no new admin screens to learn.

On every menu item

  • An icon from a built in library of more than 90 inline SVG icons, or any image from your media library. Before, after or above the label, or icon only with the label kept for screen readers.
  • A badge: “New”, “Sale”, “-20%”, in five colour presets or your own colours.
  • The description shown as a subtitle under the label.
  • A highlight style: solid or outline button, for the one item that deserves attention.
  • Visibility rules: everyone, logged in users (optionally only some roles), logged out visitors, desktop only, mobile only, and a date window. Hidden items take their children with them.

Mega menus

Tick “Mega menu” on a top level item and its child items become columns. Each column is a heading with the third level as its links, or one of these instead:

  • Products: the most recent, featured, on sale, best selling, or from one category, with thumbnail and price (WooCommerce).
  • Product categories, with thumbnail and product count, top level or under a chosen parent (WooCommerce).
  • Recent posts, optionally from one category.
  • An image, linked to the item’s URL.
  • A synced pattern, built once under Appearance > Patterns.
  • Custom content: HTML and shortcodes.

Panels can be full width, the width of the menu, or fit their content. Columns can span two, three or four tracks. Below the mobile breakpoint the panel becomes a plain nested list, so nothing is lost on a phone.

Item types

Turn a custom link into a search form (inline, or an icon that expands, with live results as you type), a cart link with a live count and a dropdown mini cart, an account link that becomes a menu of account pages once signed in, a block of custom content, or a divider. A “no link” option turns any item into a heading.

Mobile drawer

A slide in drawer built from any menu, from the left or the right, with accordion submenus, an optional search box, and account and cart links. Open it from a floating button, from your theme’s own menu button (enter its selector and the theme menu is replaced), from the [demfilz_menu_button] shortcode, from the block, or from any element carrying the attribute data-dadm-open. Focus is trapped inside while it is open, Escape closes it, and focus returns to the button.

Sticky header

Give it a CSS selector and the header stays on screen while scrolling. A placeholder stops the page jumping, the admin bar is accounted for, a shrink class is added after a short scroll, and it can be desktop only.

Colours and shape, live

Panel colours, accent colour, corner radius, shadow, font size and a light, dark or automatic colour scheme are in the Customizer with an instant preview.

Place menus anywhere

The “Advanced Menu” block, the [demfilz_menu] shortcode and the “Advanced Menu” widget render a horizontal bar, a vertical list, or a drawer button.

Built properly

  • Works with the theme you have: the plugin enhances the menus your theme prints through standard WordPress filters. Themes that print two levels get a third level for mega menus.
  • Keyboard and screen reader support: aria-expanded, arrow keys, Escape, focus trap, visible focus rings, reduced motion respected.
  • One small stylesheet and one script, loaded only when a feature is on. No jQuery. Nothing loaded from anywhere else: icons are inline SVG.
  • Product columns are cached and refreshed when a product is saved.
  • Settings export and import as JSON.
  • Hooks for developers: dadm_item_visible, dadm_icons, dadm_search_results, dadm_column_html, dadm_product_query_args, dadm_before_drawer_menu, dadm_after_drawer_menu.
  • No external services. Nothing leaves your site.

Screenshots

  1. The Advanced Menus panel on a menu item: icon picker, badge, description and highlight, with tabs for visibility, mega menu and item type.

    The Advanced Menus panel on a menu item: icon picker, badge, description and highlight, with tabs for visibility, mega menu and item type.

  2. A full width mega menu on a standard theme: a links column, a featured products column with prices and an image column.

    A full width mega menu on a standard theme: a links column, a featured products column with prices and an image column.

  3. The mobile drawer on a phone: the same menu as an accordion, product cards included.

    The mobile drawer on a phone: the same menu as an accordion, product cards included.

  4. Visibility rules on an item: login state, roles, device and a date window.

    Visibility rules on an item: login state, roles, device and a date window.

  5. The settings screen: theme menus, behaviour, off-canvas drawer, sticky header, search and tools.

    The settings screen: theme menus, behaviour, off-canvas drawer, sticky header, search and tools.

  6. The Customizer section with a live preview of the colours and shape.

    The Customizer section with a live preview of the colours and shape.

  7. Live search from the menu bar: pages, posts and products with thumbnails and prices as you type.

    Live search from the menu bar: pages, posts and products with thumbnails and prices as you type.


Reviews & Comments