# Custom filter options

Build your own custom filter options and assign them to various products. If your custom filters are colors, Story theme will automatically create color swatches for customers to filter by:

![Band color and Face color are custom filter options](https://798529998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Frse2xho0gVJCQ27Qc08u%2Fuploads%2FGLlITkrm2x7zjid7DmSZ%2FScreen%20Shot%202021-12-29%20at%206.54.32%20PM.png?alt=media\&token=e325ebfa-eb5c-42d4-996b-74abef8c7049)

### How to setup

Begin by creating a basic text metafield in your Shopify Settings:

Start in your Shopify Admin -> Settings and choose Metafields from the left panel and then click on **Products** (click images to zoom):

![Create new Product metafield](https://798529998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Frse2xho0gVJCQ27Qc08u%2Fuploads%2Fc2ON7jxNhNfxI3p4QOdF%2FScreen%20Shot%202021-11-19%20at%207.04.54%20PM%20\(1\).png?alt=media\&token=ded139b8-e606-4af6-9467-7df5631a4956) ![Choose Add definition](https://798529998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Frse2xho0gVJCQ27Qc08u%2Fuploads%2FJw9dCj6QvkVADh2kjQpi%2FScreen%20Shot%202021-11-19%20at%207.26.03%20PM%20\(1\).png?alt=media\&token=4279b446-4060-4c41-ae38-1ed389fc302f)

* Provide a **Name** for your metafield. In our example, we've used ***Band color***.
* The default Namespace and key can be used. No modifications are needed. 
* Choose **Text**, **Single line text** for the Content type.
* No validation is required.

![Example of Band color metafield definition](https://798529998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Frse2xho0gVJCQ27Qc08u%2Fuploads%2FMLdsLZERupxxbDykJZLC%2FScreen%20Shot%202021-12-29%20at%207.02.02%20PM.png?alt=media\&token=f7cfa437-f67b-4b42-a29a-985f5f48e928)

**Save** your new definition. 

### Product setup

{% hint style="success" %}
Now that your metafield has been defined, we simply start adding Band colors to each of our products.
{% endhint %}

The next step is to edit any of your products in the Shopify Admin -> Products and add a color to the Band color option under Metafields. Scroll to the bottom of the product setup page:

![Coffee has been assigned as the color for this product's Band color](https://798529998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Frse2xho0gVJCQ27Qc08u%2Fuploads%2FVNOoQPF0KsEk0PquAJp1%2FScreen%20Shot%202021-12-29%20at%207.17.12%20PM.png?alt=media\&token=15f8c853-a0a0-4c77-8672-7a26c7caa355)

![](https://798529998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Frse2xho0gVJCQ27Qc08u%2Fuploads%2FlmgiFv8i20BzqHduKXwi%2FKapture%202021-12-29%20at%2019.16.10.gif?alt=media\&token=3692aecf-61eb-4967-8daa-57180af07933)

{% hint style="success" %}
Populate the Band color metafield option for all products that apply with their color.
{% endhint %}

### Add metafield as a filter option

The final step is to ensure your metafield has been added to the **Collection and search filters** in the Navigation admin. 

Use the **Add filters** option and select your metafield(s) to include as filter options:

![Shopify Admin under Navigaiton](https://798529998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Frse2xho0gVJCQ27Qc08u%2Fuploads%2FtUCZ3oCMNVr7PhCgzt8b%2FScreen%20Shot%202021-12-29%20at%206.28.49%20PM.png?alt=media\&token=813d3c55-b42e-45c3-bd89-7c6cbf25cce4)

When the pop-up appears, check your metafields:

![Band color is checked and will appear in the Collection sidebar as a filter option](https://798529998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Frse2xho0gVJCQ27Qc08u%2Fuploads%2FOwS0rabHzhqw0R5GWaIm%2FScreen%20Shot%202021-12-29%20at%206.31.55%20PM.png?alt=media\&token=49cfca2c-1627-415f-84e1-5fdddd6c410f)