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 use anywhere ( widget, page or post ).
  • Very light weight.
  • Work with all WordPress theme.
  • Easy to use.
  • Developer friendly & easy to customize.

Pro Version Features

  • Widgets for showing any custom taxonomy (categories) or any custom menu.
  • Feature for choose any menu or theme location form 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 enable 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, light weight and many more.

Different skins of accordion:

Tested with Following Themes

  • Divi
  • Storefront
  • Betheme
  • Enfold
  • Flatsome
  • Shopkeeper
  • Avada
  • Kallyas
  • Salient
  • The7
  • Hestia


  • WPB Accordion Menu or Category in action.
  • WPB Accordion Menu or Category collapsing.
  • 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.


How can I change the background colors?

You need to change little bit css code for that.


Best accordion plugin, best support

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

Very nice!

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.

bad service

within 3 days after payment did not activate the license, support does not respond to requests. do you generally work ?? decide for yourself whether you need to contact them ...

Simple, Easy To Use & Helpful Plugin !

This plugin is simple, easy to use & no conflicts with the latest version of WordPress, WooCommerce and the other plugins on my site. Nice looking of WC Product Category (Text-Widget) & very helpful for my customer/visitor who visited my website, so many thanks to Dev. @wpbean for making this Good & Helpful Plugin 🙂
Read all 22 reviews

Contributors & Developers

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



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