WPB Accordion Menu – Elementor Accordion Menu – WooCommerce Category Accordion

Beskrywing

An accordion menu could be a very highly handy component for your WordPress sites. Present more content without adding lengthy scrolling.

For your website, you might be searching for an accordion menu or an accordion categories feature. In such a case, you’ve arrived at the right place.

An accordion could be a highly useful feature for a website, particularly one with a big number of menus and submenus or a significant number of categories and subcategories.

DEMO | Support | Buy PRO Version | Documentation

What are the Benefits of Using the WPB Accordion Menu plugin?

This plugin has been precisely designed to handle any amount of menu or category items.
It will arrange your website’s contents and provide your visitors with an easy-to-navigate experience. As a consequence, the visitor will locate the item he is seeking among a big number of goods in a relatively short period of time. This unquestionably increases the site’s conversion rate.

What Distinguishes the WPB Accordion Menu Plugin?

Menus and categories can both be shown in a modern-looking accordion. To improve accessibility, we’ve introduced an icon-adding function to the menu and category items. Even after refreshing a page, it remembers previously expanded items. Nice animation effects. Responsive and modern flat design.

WooCommerce Accordion Category Menu

It is extremely well-optimized for WooCommerce and other eCommerce platforms. It can quickly convert a big number of product categories into a modern-looking responsive collapsible menu accordion.

WooCommerce Sidebar Category Accordion

It’s a good idea to make it simple for your customers to navigate between several levels of product categories, whether they’re viewing your shop’s front page or a product detail page. In that respect, this plugin may be indispensable.

WAccordion Menu Elementor Addon

It offers total support for Elementor and Elementor Pro. It has two distinct custom accordion widgets for displaying the accordion menu and category.

Pro Version Video Documentation:

Plugin Features

  • Accordion of menu or category items.
  • Support for custom taxonomies.
  • Compatible with WooCommerce or any other eCommerce plugin.
  • Support for multiple accordions.
  • Its ShortCode can be used anywhere ( widget area, page or post, Gutenberg, Elementor ).
  • Two custom widgets for Elementor.
  • Extremely lightweight.
  • All WordPress themes are compatible.
  • Easy to use.
  • Developer-friendly and easy to customize.

Pro Version Features

  • Showing any custom taxonomy or menu in the accordion.
  • Showing the accordion with the Hamburger menu.
  • Showing the accordion in off-canvas sidebar.
  • Five different predefined skins for accordion.
  • Color typography and spacing customization option in settings.
  • Advanced accordion shortcode builder.
  • Elementor widget, Gutenberg block, widget, and shortcode for showing the accordions.
  • WooCommerce product categories and tags support.
  • Showing posts/custom post types in the category accordion as a child item.
  • Auto open first-level parent category or menu.
  • Feature for keeping open selected menu items accordion.
  • Feature for keeping open the current menu or category accordion.
  • Custom icon picker both for menus and categories.
  • PNG icon upload feature for categories.
  • FontAwesome and Themify icons are included.

Tested with the Following Themes

  • Astra
  • Ocean WP
  • Hestia
  • StudioPress
  • Hello Elementor
  • Divi
  • Storefront
  • Flatsome
  • Avada
  • The7

Tested with the Following Page Builders

  • Gutenberg
  • Elementor & Elementor Pro
  • Divi
  • WPBakery
  • Visual Composer
  • Beaver Builder
  • Oxygen
  • GeneratePress

Screenshots

  • WooCommerce product category accordion.
  • Multi level accordion menu with icons.
  • Elementor widget for category accordion.
  • Elementor widgets.
  • Custom widget ( Pro version only ).

Installation

  • Install it as a regular WordPress plugin

  • Active the plugin.

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

Category accordion shortcode example

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

WooCommerce accordion menu showing product categories shortcode example

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

WooCommerce accordion menu showing product tags shortcode example

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

Options:

  • 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="+"]

Options:

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

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

  • icon: Accordion navigation icon ( optional ).

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

Kwel-vrae

Can the WooCommerce product categories be displayed in the accordion?

Almost any custom taxonomy items can be shown in this accordion. The taxonomy options are where you’ll specify whether you want WooCommerce categories or tags. More information can be found in the manual’s setup section.

Is it possible to use this plugin to make an Elementor collapse menu?

Of course you can. To display the menu and categories accordion on Elementor, we developed two special widgets.

Does this plugin allow us to make a Divi accordion menu?

Our accordion menu shortcodes can be added to the Divi builder to make it visible.

Where do I find the option to alter the color scheme?

The paid version provides full customization options for the background colors.

How about a multi-level, accordion-style menu?

Our accordion menu can have as many levels as you’d like.

Aanbevelings

Junie 24, 2023
Okay. But new version (2.5.x) just crashed old menues without any warning ( I have the paid Pro version) and seems to be loading slower than before.
November 23, 2021
This plugin saved me so many hours! I would highly recommend it! The customer service is even better, they always help out no matter the question you might have! No bad words for WP Beans!
September 2, 2021
This is a great plugin, and the customer support is even better. Buying Pro version is well worth it! It is a small cost for such excellent support. Be patient with the WpBean support representative - use the ticket and/or the chat box methods to contact support after your purchase. Plan when they are available to get your questions answered - there may be time differences in geographical locations. Definitely would recommend this plugin, and their support.
Februarie 7, 2021
This plugin is great and the support is awesome! The moment I asked for a question they came back with the solution. Premium version works great with woo and has a lot of settings. Very easy to use.
Read all 37 reviews

Contributors & Developers

“WPB Accordion Menu – Elementor Accordion Menu – WooCommerce Category Accordion” is oopbron sagteware. Die volgende mense het bygedra tot die ontwikkeling van hierdie uitbreiding:

Contributors

“WPB Accordion Menu – Elementor Accordion Menu – WooCommerce Category Accordion” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “WPB Accordion Menu – Elementor Accordion Menu – WooCommerce Category Accordion” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

version 1.0

  • WPB Accordion Menu or Category 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 issues 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 conditions 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.

version 1.3.7

  • Tested with WooCommerce 4.1.0 and WordPress 5.4.1

version 1.3.8

  • Tested with WooCommerce 4.2.0 and WordPress 5.4.2

version 1.3.9

  • Tested with WooCommerce 4.8.0 and WordPress 5.6

version 1.4.0

  • Tested with WooCommerce 5.0.0 and WordPress 5.6.1

version 1.4.1

  • Regular Update

version 1.4.2

  • Tested with WooCommerce 5.6.0 and WordPress 5.8.1
  • Elementor category widget accordion menu_order added.

version 1.4.3

  • Tested with WooCommerce 7.0.0 and WordPress 6.0.2

version 1.4.4

  • Tested with WooCommerce 7.3.0 and WordPress 6.1.1
  • Tested with Elementor 3.10.2

version 1.4.5

  • Accordion plus icon spacing issue fixed.

version 1.4.6

  • Tested with WordPress 6.4.1.

version 1.4.7

  • Cyber Monday notice added.

version 1.4.8

  • Discount notice removed.