Filters and sorting

The filter bar allows visitors to sort and filter collections according to what they're looking for. Products can be filtered by availability, product type, vendor, and other options.

• Enable sorting (by best selling, alphabetical, price, or date)

• Enable filtering (by price slider and 'In stocky only')

• Add more filter options with Shopify's Search & Discovery

• Show a sticky filter and sort button

Set up filters in Shopify admin

By default, the filter drawer includes a price slider and In stock only option. You can add more filter options with Shopify's Search & Discovery app.

1. In the Shopify Search & Discovery app, go to Filters, and then click Add filter.

2. Select a Source for the filter options. Sources can be variant options, tags, or metafields.

3. Add a Filter label to change the filter group name that appears in the filter drawer.

4. Click Save.

Click Product grid section to find settings

Sticky filter and sort button

By default, a "sticky" button for filters and sorting appears at the bottom of the screen.

You can hide the button on desktop by deselecting the Show sticky and filter button option. The button always appears on mobile screens to remain accessible.

Click Product grid section to find settings

Show product filter swatches

By default, filter options for colors display as swatches. To disable this option, go to Theme settings > Swatches and de-select the Enable product filter swatches.

You can also change the Product filter swatch layout from Compact to Expanded.

Go to Theme settings > Swatches to find settings