Dawn theme custom filter section customization

[Sivadarshan]

I'd like to replicate a feature from a reference website on my Dawn theme website. The feature allows customers to filter products by attributes like size on the collection page. Can someone help me implement this? I've attached the reference website and my website link for comparison.

Reference website:  https://situofficial.com/

My website: https://coffeebyrsa.myshopify.com/

Password: coffee

Thanks in advance

[Small_Task_Help]

Hi,

Hope this will help

- Tag products with Size_Small, etc.
- Turn on tag filters and Rename filter labels
- Show filters

[oscprofessional]

Hi Sivadarshan 👋,

Yes, you can absolutely replicate the product filtering feature (such as filtering by size) from the reference website situofficial.com on your own Dawn theme using Shopify’s built-in tools,  no custom code required.

1. Ensure size is added as a product option
First, make sure each product has 'Size' as a variant option (e.g., S, M, L, XL).

2. Install the Shopify Search & Discovery App
This free app by Shopify allows you to manage filters easily:

Search & Discovery App

Once installed the App:-

Open the app => Go to the Filters tab.

Click 'Add filter', then choose:
Product options => Size (if size is set as a variant)

3. Enable filters in your Dawn theme
Now go to:

Online Store => Themes => Customize

Navigate to a collection page
In the left sidebar, make sure the 'Collection and search filters' section is enabled

[moshbray]

you can make use of apps or custom code to do this 

[Sivadarshan]

@moshbray Can you please share the complete custom code tutorial or suggest me the app which was used to achieve that feature