Filters and sorting
Collection pages
Let customers discover products quickly by filtering your products by availability, price, type, vendor, and your variant options. When filters are enabled, Stiletto also displays a price slider, color swatches, and product chips for easy navigation.
Set up filter bar
Customize filter options
You can use Shopify's Search & Discovery app to add custom filters based on product categories, variants, tags, metafields, and more. See Shopify's App guide ↗ to learn more.
Stiletto can show your Variant swatches as filter options. This feature is separate from Shopify's Visual filters ↗, which allows you to add visual swatches to filter options, separately from product variants.
Settings reference
In the Collection template, click the Product grid section to find the following settings.
Enable sorting and filtering
Setting | Description |
---|---|
Enable sorting | Allow customers to sort search results by relevance, title, or price. |
Enable filtering | Allow customers to filter by product options, product type, price, availability, and more. You can edit filter options with Shopify's Search & Discovery app. |
Filters layout
Setting | Description |
---|---|
Enable sticky top bar | Keep the filter top bar visible at the top of the screen when visitors scroll down. This setting applies only when the filter location is set to Top bar. |
Desktop filter location | Display filters in a Top bar above the product grid or as a Sidebar to the left of the product grid. |
Collapse filter display on desktop | Hide the filter sidebar when the collection page loads. Visitors can click the Filter button to reveal the sidebar. |
Enable sticky filter sidebar | Keep the filter sidebar visible when visitors scroll down. This setting applies only when the filter location is set to Sidebar. |
Collapse filter group | Hide values of filter groups until visitors click to reveal them. |
Show variant option swatch filters | If you have Variant swatches enabled, choose to display those variant options as swatches. This feature is separate from Shopify's Visual filters, which allows you to add visual swatches to filter options, separately from product variants. |
Show chip filters | Choose to display chips instead of variants names. |
Chip layout | Choose to display chips in a 2 or 3 column grid. Select Natural to display a layout that adapts to the natural length of the chips. |
Related links Collections template Product grid Banner Breadcrumbs
Last updated