WooCommerce Off Canvas Filter in Customify Pro adds a slide-out product filter area for shop pages.
Use it when a shop needs full-width catalog layouts from Layouts while still giving customers filter widgets from WooCommerce compatibility and product controls from WooCommerce Booster.
Before you start: Install and activate WooCommerce, then add the filter widgets you want to show.
Where to find it
- Go to Customify → Dashboard. The Customify dashboard opens.
- In Pro modules, switch on WooCommerce Booster and WooCommerce Off Canvas Filter.
- Click Settings on the WooCommerce Off Canvas Filter card. The dashboard opens the current product filter settings target.
- If you navigate manually, go to Appearance → Customize → WooCommerce → Product Catalog, then open Products Filter.
Add filter widgets
- Go to Appearance → Widgets.
- Open the WooCommerce Off Canvas Filter widget area.
- Add product filter widgets, such as categories, price filter, or attribute filters.
- Click Update. The widgets appear inside the off-canvas filter panel.
Product Filter settings
The product filter settings control how customers open the filter area on shop and product archive pages. Use WooCommerce Quick View and Infinity Scroll carefully on the same catalog so buttons, filters, and loading controls remain easy to reach.
| Area | What to check |
|---|---|
| Filter button | Confirm the Filter button appears where customers expect it on catalog pages. |
| Panel side | Choose left or right so the panel does not conflict with your shop sidebar or mobile menu. |
| Widgets | Keep filter widgets focused so the panel stays usable on mobile screens. |