WooCommerce Categories Accordion for Divi
Display WooCommerce product categories in an image-based accordion. Choose horizontal or vertical layouts, set click or hover triggers, and control how category images expand to reveal titles and shopping links.
Trusted by
300,000+ websites worldwide
Featured on
Compatible with
Divi 4 and Divi 5
Like the Divi WooCommerce Categories Accordion?
It is part of the Products Module in Divi WooCommerce Extended. The full plugin includes Mini Cart, Wishlist, Quick View, Ajax Search, Product Carousel, Product Gallery, Tab Manager, Checkout Manager, and 15 pre-built layouts. From $99 per year for unlimited sites.
Expand Product Categories on Hover
Display product categories in a horizontal accordion with one expanded image panel and the remaining categories shown as narrow panels. Hover over a category to reveal its image, title, and product count, making it easier for visitors to browse categories such as Accessories, Decor, Kids, Men, and Women.
Show Category Details on Hover
Let visitors explore product categories by hovering over each image panel. The active panel expands to display its category title, product count, and Shop Now button, while the other panels remain visible alongside it.
UNMATCHED CUSTOMIZATION
Control Accordion Behavior in the Divi Builder
Configure the accordion directly from the Divi Builder settings. Choose click or hover activation, set the horizontal or vertical orientation, adjust content alignment, and control the active category image size and item spacing. Preview your changes while building the page.
Vertical Accordion with Expandable Category Panels
Display product categories in a vertical accordion layout. Click a category to expand its image and reveal the category title, product count, and Shop Now button. Adjust the active image size, content alignment, and spacing between panels to control the layout.
Ready to add a WooCommerce Categories Accordion to your store?
Build image-based category navigation with the WooCommerce Categories Accordion module in Divi WooCommerce Extended. Set the accordion orientation, choose click or hover activation, and customize image sizes, content alignment, and spacing. Get these features alongside the plugin's other WooCommerce modules and pre-built layouts with one license for unlimited sites.
Try every feature live above. Ready to use them on your own store?.
Get Divi WooCommerce Extended from the official store: $99/year for unlimited sites, lifetime option available.
The #1 Selling Developer at Divi Marketplace.
300,000+ Web Professionals Trust Divi Extended
Official live demo of Divi WooCommerce Extended by Divi Extended. Buy from the official store at diviextended.com.