How to Set Up Chained Filters in Simple Product Filter?

What is a Chained Filter ?

Chained Filters are a method for managing filters that depend on each other using Visibility Rules. This feature allows certain filters to stay hidden until specific conditions are met, resulting in a cleaner and more relevant user experience.

Before proceeding to this step, make sure you have activated Sledge Core and added the Product Filter Widget to your theme.

Purpose

Display filters progressively based on user selections.
Prevent clutter by hiding irrelevant filters.
Provide a more organized and guided shopping experience

How It Works

Dependent filters are controlled using Visibility Rules. A filter will only appear when another related filter has been selected by the user.

Example Scenario

Let’s say you have two filters: Tags and Size .

Initially, only the Tags filter is visible on the storefront.
Once a user selects a value from the Tags filter, the Size filter will automatically appear.
The available options in the Size filter will be adjusted based on the selected tag.

Follow the steps below

Go to the Product Filter page.

Select one of the Filter Groups you want to configure.
Click the Edit icon on one of the filter groups to enter its detail page.

You will see a list of Filter Items. Click on the filter item you want to configure.
You will be taken to the Edit Filter Item page.

Locate the Advanced Settings section and click the button to expand it.

Check the "Enable filter list visibility rules" checkbox.
The "Visibility Rules" section will appear automatically.
To add a rule, click the Add Rule button — a pop-up will appear.

A rule configuration form will be displayed. Fill it out according to your requirements.
For example, we will trigger the tags filter using the value all with OR logic.
Then click the Add button, and the form will close automatically

Here’s how it appears on the storefront:

The Size filter is not displayed because none of the required tags have been selected.

The Size filter will remain hidden until at least one of the tags is selected.