How To Add Product Filters And Search
Options for product blocks in your Product Catalog

Watch the video tutorial on how to add filters and search or read the detailed guide below

Product search and filters help customers find the goods they need easier and faster. Here’s how to set up filters using the Product Catalog.
You can add filters in the Product Catalog. If you do not have a Product Catalog yet, find out how to create one.
How to set up filters
Go to the Product Catalog and click on Filters to add new filters.
Online store Catalog: "Filters" button in the upper right corner next to "Store categories".
Click on Create new filter to select a filter parameter.

Select the "Show search field" or "Show sort controls" checkboxes if you want to add or remove product search or filter options by name, price, or publication time.
Online store: the "+ Create a filter" button in the "Filters" pop-up window.
Select a filter type.
In the "Create a filter" pop-up window in the store catalog, the "Choose a filter" drop-down menu under "TYPE".
Add a filter based on the product variant properties or product parameters such as availability and category.
The "Choose a filter" drop-down list with options grouped under "Product data:", "Variants options:", and "Characteristics:".
After selecting a filter type, enter a filter title and select a sort control type—specify if the customers are allowed to select multiple filter parameters to sort products or just one.
Online store: the "Create a filter" pop-up window with the "TYPE", "FILTER TITLE", and "TYPE OF CONTROL" fields.
The new filter will appear in the product blocks automatically.
Product catalog on a published website with "Brand", "Color", and "Size" filter dropdowns, a search bar, and sorting options above the product cards.
To hide filters, go to the Settings panel of the product block → Filters & Store Categories and select the "Hide filters" checkbox.
Block Settings panel: the "Hide filters" checkbox in the "FILTERS & STORE PARTS" section.
Note: If the customer applies a price filter, the search results will feature products with the selected price range ±1%. For example, if the customer sets the price range from $ 10 to $ 100, the search results will contain products ranging from $ 9.90 to $ 101.

How to create an online store or accept payments for single goods and services on Tilda website builder

Setting up automatic customer notifications with order details for online stores created on Tilda website builder

Adding several variants of the same product to your online store on Tilda website builder

CloudPayments is a payment service that supports international payment systems Visa and MasterCard and includes Apple Pay and Google Pay payment methods. Here's how to connect it to Tilda websites.

How to configure linear and differential discounts depending on the product quantity or total price of the purchase

Creating a fully-fledged online store and assigning a shopping cart to it on Tilda website builder

Made on
Tilda