Filters and sorting
Last updated
Was this helpful?
Last updated
Was this helpful?
Let customers discover products quickly by filtering your products by availability, price, type, vendor, and your variant options.
When filters are enabled, Cornerstone also displays a price slider, color swatches, and product chips for easy navigation.
Select a Source for the filter options. Sources can be variant options, tags, or metafields.
Add a Filter label to change the filter group name that appears in the filter drawer.
Click Save.
Click Product grid section to find settings
Enable sorting
Allow visitors to sort products by availability, price, or date released.
Default: Enabled
Enable filters
When enabled, visitors can filter products by type, price, availability, and other options.
Default: Enabled
Display a search bar for filter groups that have a long list of filter values.
Click Product grid section to find settings
Filter search groups
Enter filter group names to enable searching. Visitors can enter a search term to refine the list of filter values.
To enable search for multiple filter groups, enter the filter group names in a comma-separated list. For example: Brand, Color, Format, Material
Change the appearance of filters and sorting by collapsing the sidebar or filter groups, truncating longer filter lists, and showing variant swatches and chips as filter options.
Click Product grid section to find settings
Collapse filter sidebar
Hide the filter sidebar when the collection page loads. Visitors can click the Filter button to reveal the sidebar.
Collapse filter groups on desktop
Hide values of filter groups until visitors click to reveal them.
Truncate filter list
Choose to limit how many filter values to show in filter groups. Visitors can click "Show more".
Truncate filter list amount
Select the number of filter values to show before hiding additional values.
By default, filter options use swatches and chips, when enabled in your theme settings.
To display options as names, click to open the Product grid section settings and de-select Show variant option swatch filters.
Click Product grid section to find settings
Show swatch filters
Show chip filters
Choose to display chips instead of variants names.
Chip layout
Choose to display chips in 2 or 3 column grid. Select Natural to display a layout that adapts to the natural length of the chips.
By default, the filter drawer includes a price slider and In stock only option. You can add more filter options with Shopify's .
In the , go to Filters, and then click Add filter.
Learn more about customizing filter options in
Sorting is a Shopify feature. Learn how to .
See Shopify's manual for their guide on .
Cornerstone's swatch filters option is separate from Shopify's , which allows you to add visual swatches to filter options, separately from product variants.
If you have enabled, choose to display those variant options as swatches.
Related links