Using the new Shopify Visual Filters - Tutorial

Store Design
,

Topic summary

Shopify introduced a Visual Filter feature in the Search and Discovery app, enabling merchants to create color swatches for collection pages. The feature relies on Metaobjects and Metafields for configuration.

Setup Requirements:

  • Latest theme version (Dawn 12.0 or newer)
  • Search and Discovery app installed

A YouTube tutorial has been shared to guide users through the complete setup process.

Current Issue:
One user reports difficulty locating the “Swatch” option when creating filters. Additionally, their background color displays the color name/value instead of the actual color code, as shown in attached screenshots. This implementation problem remains unresolved.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

Shopify has added a handy new Visual Filter option to the Search and Discovery app. This is a great way to create color swatches for your collection pages. The new filters use Metaobjects and Metafields so the configuration might be a bit confusing for some people. Because of this, we’ve created this handy YouTube video tutorial that covers the whole process. Take a look and we hope it helps:

In order to use the new Visual Filters, you must make sure you’re using the latest theme (we upgraded to Dawn 12.0) and you need the Search and Discovery app installed. Watch the video for more details.

Thanks!

Sunrise Integration

Shopify Plus Partner

2

I don’t find the Swatch option when i create the filter and the background color appese with the value of the color and not with the color code.

IMG_6384.jpeg
IMG_6384.jpeg1290×424 20.1 KB

IMG_6386.jpeg
IMG_6386.jpeg1290×1678 85.8 KB

IMG_6387.jpeg
IMG_6387.jpeg1290×1791 274 KB