This guide will help you show color filters using both color swatches and image swatches.
1. Install Shopify Search & Discovery App
First, install the Shopify Search & Discovery app from the Shopify App Store.

2. Add Color Filter
Open Shopify Search & Discovery app > add a color filter and set its source from the category metafield.
3. Show Color Swatches
To display color swatches in the filter, you need to connect variant with Shopify color.
Please follow this detailed guide
4. Show Image Swatches
Step 1: Please add images to each color in the color metaobject.

Step 2: Configure to show image in filter
To learn more about filters, please refer to this document.
