Floating Product Category for WooCommerce adds a sticky category panel to your online store. Shoppers tap a floating button to open a full product category menu from anywhere on your site — shop pages, product pages, blog posts, or landing pages.
Help customers find products faster, reduce bounce rate, and improve WooCommerce navigation without touching your theme or writing code.
Why use a floating category sidebar?
Most WooCommerce themes bury category links in the main menu or hide them on mobile. A floating category button keeps your product catalog one click away on every page, which helps shoppers discover categories they might otherwise miss.
Key features
- Floating sticky category button — fixed on the left or right edge of the screen
- Slide-out category panel — opens over the page without a full reload
- Unlimited sub-category nesting — accordion expand/collapse for deep category trees
- In-panel category search — filter long category lists instantly
- Active category highlighting — shows the current category and auto-expands its branch
- Breadcrumb trail — context on category and shop archive pages
- Display targeting — all pages, shop & product pages only, or everywhere except Cart & Checkout
- Remembers open/closed state — panel state persists as shoppers browse
- Two layouts — simple text list or category cards with thumbnail images
- Product count — optional count next to each category name
- Product tags & brands — optional flat lists below categories (WooCommerce Brands supported)
- Preserve shop filters — optionally keep price and rating filters when switching categories
- Keyboard accessible — Escape to close, click-outside to close, ARIA states
- Fully customizable — colors, position, layout, and behavior via the WordPress Customizer
- No theme changes — works with any WooCommerce-compatible theme
Perfect for
- WooCommerce stores with large or deeply nested product category structures
- Shops that want mobile-friendly category navigation without a hamburger menu rebuild
- Store owners who need category access on non-shop pages (home, blog, landing pages)
- Sites using product tags or WooCommerce Brands alongside categories
Customization
All settings live in Appearance → Customizer → Floating Product Category. Change background and text colors, button style, float position (left or right), layout, category order, maximum depth, empty-category visibility, and where the panel appears — with live preview.
Performance
The category tree is built from a single cached query, so large catalogs stay fast even with many parent and child categories.