Search and filters
Chapter 13 of the Wick user guide.
Collection and search pages
The Collection section shows a centered banner (the product count as a kicker, the title, the description and, with Show collection image, the collection's image in a glow well), the scent chips (chapter 9), a toolbar and a grid of vessel cards. The toolbar has one chip per filter (each opens a small panel of choices, with color swatches where the filter's values have them and From and To fields for price), the result count and Sort, and stays under the header as shoppers scroll. On phones the filters and sort move into a bottom drawer behind one Filter and sort key. Filtering updates the results without reloading the page, and works without JavaScript too.
Its settings: Show breadcrumbs, Show collection image, Show description, Enable filtering and Enable sorting (all on), Show vendor (off: shows the vendor on the cards' detail line), Columns on desktop (4; 3 or 4) and Products per page (12, 8 to 36).
The Search section has Show breadcrumbs, Enable filtering, Enable sorting and Results per page (12, 8 to 36). As shoppers type in the header's search field, a panel suggests searches and shows matching products (with their notes line and price), collections, pages and articles, and a "Search for…" link to the full results.
Set up filters with Search & Discovery
Filters come from Shopify's free Search & Discovery app. Install it from the Shopify App Store, open it, go to Filters › Add filter, choose the source and save. Wick draws one filter its own way:
| Filter | Source in Search & Discovery | How Wick shows it |
|---|---|---|
| Scent family | Product metafield Scent family (custom.scent_family), named in Theme settings › Scent › Scent family metafield | The scent chips above the toolbar, each with its family dot and count (chapter 9) |
Every other filter (availability, price, product type, vendor, tags, variant options such as Size, and metafields such as Wax or Scent strength) shows as a chip in the toolbar. Filters on Wax, Vessel or Burn time are easy to add once those metafields are filled in. A filter you add appears on every collection and on search results; values with no products in the current results are hidden or disabled.