Truly fine

Documentation.

Set up collection filters for your store

Last update:

Filtering product collections is a must-have on every store for your customers, this guide is aimed at helping you achieve that in the Maranello theme.

Shopify Search & Discovery app

Maranello fully supports Shopify’s Storefront filtering. For that to work you will need to install and activate Shopify’s official Search & Discovery app. The app allows you to customize filters on your store and also search results and product recommendations. This guide will focus on search filters.

Setting up filters with Metafields

Before you display your filters you’ll need to create the metafields that will hold the product information for each of your products.

Creating metafields for your products is easy, you can read about this in full detail on the official Shopify documentation but the following instructions will give you a jump start:

  1. From your Shopify admin, navigate to “Settings“.
  2. From the settings menu on the left, navigate to “Custom data“.
  3. Select “Products“.
  4. Click “Add definition“.

In the following screen, name your definition based on the type of content you will be providing (this will be the title of your filter, i.e. “Season”), and choose a content type. Usually you will want this to be “Single line text” for your product filters.

Hit “Save” and then you’re done.

Visual filters

Filter values can include visual elements like colors, patterns, or detailed images. For instance, a fabric color filter might show a small color sample, or a flooring texture filter could display a preview of each texture option.

Tokyo is fully compatible with this feature, and you can set up visual filters easily by following the steps in Shopify’s official guide.

Displaying filters on your store

After setting up your product filter Metafields you can start filling them up for each product in every product’s edit page. In our example above we’ve set up a metafield called “Season” where we’d add particular values of Season on products that it applies to (i.e. “Summer”, “Winter”, etc). Shopify then identifies those distinct values and groups products based on those.

The next step is to enable metafields (and other default Shopify fields) as filters:

In the Shopify admin, navigate to “Apps” and then open the “Search & Discovery” app that you installed in the first step.

Scroll further down and click the “View filters” button on the “Customize collection and search filters” card (highlighted in red in the screenshot above).

Then on the next page, enable any default fields and metafields you created as filters on your collection pages.

Hit “Save” and the next time you open a collection page, if the collection includes products that have data assigned in those metafields, they will be displayed on the sidebar:

Can't find what you are looking for? Feel free to submit a request.