EvolutionX

<a href="https://docs.evolutionx.io/en/articles/6877968-filter-rules-and-value-sets">Overview "Filter Rules and Value Sets"</a>

<a href="https://docs.evolutionx.io/en/articles/6883937-step-1-attribute-filter-rules-and-value-sets">Step 1: Filter Rules and Value Sets </a>

<a href="https://docs.evolutionx.io/en/articles/6878338-step-2-setting-priorities-on-attribute-filter-rules">Step 2: Setting Priorities on Filter Rules</a>

<a href="https://docs.evolutionx.io/en/articles/6878950-step-3-adding-images-and-swatches-to-filter-rules-and-value-sets">Step 3: Adding Images and Swatches to Filter Rules and Value Sets</a>

___________________________________________________________

Customizing product attribute filters are a fantastic way to help customers find exactly what they're looking for on your website. With customizable attribute filters, you can help customers can narrow down their search results by displaying the most relevant criteria first, such as colour or size. 

This makes it easier for them to find the perfect product, and helps to ensure that they have a positive shopping experience on your site.

So, if you want your site to have the filters displayed like the example below - you're in the right place!

There is a quick way to determine what filter rule is being used. See the below on how to find the filter rule id. 

Add the below into your console and click enter.

- Right click and select "Inspect"
- Add the below into your console and click enter.

document.querySelector("input[type=hidden]:nth-child(6)").value

Customize the order of your attribute filters on the storefront

Filter Rules and Value Sets

Website

Find answers and get help from Intercom Support and Community Experts

Empty Help Center

Uh oh. That page doesn’t exist.

Disappointed

Neutral

Smiley

Title

Track the progress of all tickets related to your company.

Tickets portal.

{assigneeName} needs more information from you

Getting Started Guide

Filter Rules and Value Sets

Debugging Filter Rules

Up Next