WooCommerce Category Accordion

What is WooCommerce Category Accordion?

WooCommerce Category Accordion is a premium WordPress plugin that transforms product category displays into a collapsible accordion tree navigation. This plugin is particularly useful for online stores with extensive product categories, as it organizes them into a space-efficient structure that saves sidebar space. The auto-expand feature automatically opens the current category path, providing contextual navigation for users. Additionally, product counts are displayed next to categories, helping customers quickly identify popular items. The customizable styling options allow store owners to match the accordion’s appearance with their website’s design. This plugin enhances the browsing experience, making it easier for customers to navigate through numerous categories. Available at MyCodeLive with GPL license, instant download, and lifetime updates.

Key Features

Accordion Tree Navigation

Expandable parent-child category structure that collapses subcategories under parent nodes, reducing visual clutter in category-heavy store sidebars.

Context-Aware Expansion

Automatically expands the category branch containing the currently viewed category, providing navigational context within the hierarchy.

Product Count Badges

Optional count indicators next to each category showing the number of products available, helping shoppers identify well-stocked categories.

Visual Customization

Configurable colors, fonts, icons, indentation, borders, and animation settings to match the accordion appearance to your store theme.

Who is this for?

Pros

• Space-efficient: Collapsible tree structure saves sidebar space in category-heavy stores
• Auto-expand: Current category path automatically opens for contextual navigation
• Product counts: Badge displays showing item quantities help customers gauge category size
• Customizable: Full control over colors, icons, animations, and indentation levels

Cons

• •Deeply nested categories may require multiple clicks to reach bottom-level subcategories
• •Accordion behavior adds JavaScript interaction that may not suit all store designs
• •Very flat category structures with few subcategories may not benefit significantly from accordion display

Product Description

WooCommerce Category Accordion transforms the default product category display into a collapsible accordion navigation widget. Instead of showing a flat or fully expanded category list, the plugin presents categories as expandable tree nodes that customers click to reveal subcategories.

Navigation Features

• Collapsible parent-child category tree structure
• Automatic expansion of the current category branch
• Product count badges showing items per category
• Configurable expand/collapse icons and animation speed
• Multi-level nesting for deep category hierarchies

Customization Options

The accordion appearance is configurable through the widget settings panel. You can adjust colors, fonts, indentation levels, border styles, and hover effects to match your theme design. Empty categories can be hidden automatically, and category ordering supports both alphabetical and custom sort orders.

Sidebar Integration

The widget integrates with WordPress sidebar areas and WooCommerce shop page layouts. It can replace the default category widget in sidebars, appear in off-canvas mobile menus, or be placed in any widgetized area for consistent category navigation across the store.