Advanced Shop Search Filtering Drawer
The advanced filtering drawer adds a slide-out panel to the/shop page that lets customers narrow results using multiple facets simultaneously. The drawer is off by default — you must enable it manually.
Enabling the Filter Drawer
1
Open Shop Display Settings
Navigate to Admin → Settings → Shop Display.
2
Enable the Feature
Toggle Enable Advanced Shop Search Filtering Panel to on and save your settings.
/shop page. Customers open the drawer to access:
Brand Filter
Multi-select checkboxes listing all active brands. Customers can select one or more brands to filter results.
Category Tree
A hierarchical category and subcategory tree selector. Expanding a parent category reveals its children for granular filtering.
Price Range Slider
A dual-handle interactive slider that lets customers set a minimum and maximum price range.
Variant Attribute Accordions
Dynamic accordions generated from your product variant JSON data — for example, Color, Size, and Material. Only attributes present in your active product catalogue appear.
Every selection in the filter drawer automatically synchronises to the page URL as query string parameters. This means customers can bookmark or share a filtered shop URL and return to the exact same filtered view.
Multi-Content Live Search
The live search plugin delivers instant, real-time results across six content types as the customer types. It calls the internal endpoint/api/live-search-api?q=query and returns matches from:
Embedding Live Search
Add the plugin to any CMS page or layout block using its shortcode. Typically you place amode=input embed where you want the search bar to appear, and a mode=results embed where you want results to render — though both can coexist on the same page.
Events Calendar
The events calendar plugin renders your upcoming events in a fully interactive view with built-in ticket booking. Event data is managed at the product variant level — each event is represented as a product variant with a date, time, and capacity.Embedding the Calendar
Layout Modes
- Month Grid
- Agenda List
- Cards Grid
A 7-column calendar grid showing the current month. Each date cell displays events scheduled for that day.