WPB Accordion Menu or Category


Showing WordPress accordion menu or any WordPress category accordion with submenu/subcategory support. It has icon picker support both for menu and category. So you can setup icons in accordion easily. Enable disable auto-closing previously open accordion etc. Highly optimized for WooCommerce or any other eCommerce categories. Nice animation effects. Responsive and modern flat design.

DEMO | Support | Buy PRO Version | Documentation

Pro Version Video Documentation:

Plugin Features

  • Category accordion.
  • Custom taxonomy support.
  • WooCommerce or any other eCommerce plugin compatible.
  • Menu accordion.
  • Multiple menu accordion support.
  • Shortcode system can be used anywhere ( widget, page or post ).
  • Two custom Elementor widgets for showing the menu and categories accordion in the Elementor page.
  • Very lightweight.
  • Work with all WordPress themes.
  • Easy to use.
  • Developer friendly & easy to customize.

Pro Version Features

  • Widgets for showing any custom taxonomy (categories) or any custom menu.
  • Feature to choose any menu or theme location from the menu widget.
  • Five different predefined skins for accordion.
  • Color customization option in settings.
  • WooCommerce product categories and tags support.
  • Auto open first level parent category or menu, settings available for enabling or disable.
  • Feature for keep open selected menu items accordion.
  • Feature for keep open current menu or category accordion.
  • Custom icon picker both for menu & categories.
  • FontAwesome and Themify icons included.
  • Easy to use, lightweight and many more.

Different skins of accordion:

Tested with Following Themes

  • Divi
  • Storefront
  • Betheme
  • Enfold
  • Flatsome
  • Shopkeeper
  • Avada
  • Kallyas
  • Salient
  • The7
  • Hestia
  • Ocean WP
  • Astra
  • Hello Elementor


  • Category Accordion.
  • Menu Accordion with Icons.
  • Elementor widget for category accordion.
  • Elementor widgets.
  • Custom widget ( Pro version only ).


  • Install it as a regular WordPress plugin

  • Active the plugin.

  • Use any shortcode to show your menu or categories accordion.

Category shortcode example

[wpb_category_accordion taxonomy="category" orderby="name" order="ASC" show_count="no" hide_empty="yes" icon="+" accordion="no"]


  • taxonomy: Default category or any registered taxonomy.

  • orderby: Sort categories alphabetically, by unique Category ID, or by the count of posts in that Category. Valid values: ID, name, slug, count, term_group

  • order: Sort order for categories (either ascending or descending). The default is ascending. Valid values: ASC, DESC

  • show_count: Toggles the display of the current count of posts in each category. The default is false (do not show post counts). Valid values: no, yes

  • hide_empty: Toggles the display of categories with no posts. The default is yes (hide empty categories). Valid values: yes, no

  • icon: Accordion navigation icon ( optional ).

  • accordion: Close previously opened accordion item. The default is no. Valid values: yes, no.

Menu shortcode example

[wpb_menu_accordion menu="Menu Name" icon="+"]


  • menu: The menu that is desired; accepts (matching in order) id, slug, name

  • theme_location: menu can be asign by theme location ( optional ).

  • icon: Accordion navigation icon ( optional ).

  • accordion: Close previously opened accordion item. The default is no. Valid values: yes, no.


Is it compatible with the Elementor?

Yes, it is. We have two custom Elementor widgets for showing the menu and categories accordion in the Elementor page.

How can I change the background colors?

You need to change a little bit of CSS code for that. or You can get the pro version, which comes with settings for color and background change.


March 28, 2019
This plugin have all you need for an accordion menu: It's beautiful, light, customizable and his PRO version are so cheap and lifetime upgrade, I've sent a bug/lack feature and it solved it in less than 24 hours. You have my 5 stars
February 26, 2019
At first User have to install 'Shortcode Widget' plugin to add accordion in widget. If you don't know name of your taxonomy, look for it in adress panel of category for example: https://*yoursite*/wp-admin/edit-tags.php?taxonomy=product_cat&post_type=product *** So taxonomy = product_cat So, you have to know something about css for editing style. And if you have non empty '<a href..' on category element with child links, welcome to write this code in '../inc/wpb-wmca-functions.php': BEFORE: if( count($termchildren)>0 ){ $css_classes[] = 'cat-item-have-child'; } AFTER: if( count($termchildren)>0 ){ $css_classes[] = 'cat-item-have-child'; $link = '<*a href="#">'; $link .= $cat_name . '<*/a>'; } ! without * 😉 It's important to have an accordion action, not going to link of parent category.
Read all 25 reviews

Contributors & Developers

“WPB Accordion Menu or Category” is open source software. The following people have contributed to this plugin.


Change log

version 1.0

  • Initial release

version 1.01

  • Cookie problem fixed

version 1.02

  • W3 validation issue fixed.

version 1.03

  • Small bug fixed.

version 1.04

  • Accordion navigation icon changing feature added.

version 1.05

  • Added WordPress 4.7 support

version 1.06

  • Added WordPress 4.9 and WooCommerce 3.2.4 support

version 1.07

  • Added WordPress 4.9.4 and WooCommerce 3.3.3 support

version 1.08

  • Added WordPress 4.9.6 and WooCommerce 3.3.5 support

version 1.09

  • Added WordPress 5.0.2 and WooCommerce 3.5.3 support.
  • Gutenberg compatibility added.

version 1.2.1

  • Added WordPress 5.0.3 and WooCommerce 3.5.4 support.

version 1.2.2

  • Small style issue fixed.

version 1.2.3

  • Added WordPress 5.1.1
  • Performance and loading speed optimized

version 1.2.4

  • Few issue fixed

version 1.2.5

  • Added WordPress 5.2 and WooCommerce 3.6.2 support.

version 1.2.6

  • Added WordPress 5.2.1 and WooCommerce 3.6.4 support.

version 1.2.7

  • Added WordPress 5.2.4 and WooCommerce 3.7.1 support.

version 1.2.8

  • Added two new widgets for Elementor.

version 1.2.9

  • Style script added to the header.

version 1.3.0

  • Free and premium condition added.

version 1.3.1

  • Added WordPress 5.3.1 and WooCommerce 3.8.1 support.

version 1.3.2

  • Added WordPress 5.3.2 support.

version 1.3.3

  • Banner & Icon changed.

version 1.3.4

  • Regular Update.

version 1.3.5

  • Tested with WooCommerce 4.0.1

version 1.3.6

  • Admin notice issue fixed.