How to use filters to display your Custom Collection Items
Getting Started
Filters can help you select Custom Collection items you want to showcase on your website. If you have a custom collection already and would like to be more specific about the items you want to showcase, that is where filters come in handy. This article will cover how filters work and how you can use filters on custom collection items on a CMS Row.
How to Create Custom Collection
You will need to have a custom collection on your website. To learn how to create custom collections, refer to the documentation below:
How to add a Custom Collection
How to add Fields to Custom Collections
Before using filters, you should have fields with values on your custom collections.
Refer to the documentation below to learn how to create fields in custom collections:
Adding and Customizing Fields in a Custom Collection
How to add Filters to Custom Collection Items
Follow the steps below to see how filters work for Custom Collection Items.
Add a CMS Row to any section
Connect the Database to Custom Collection as the Data Source
Select any collection
Add any element and populate it with CMS fields.
After populating the elements with CMS Field Data, click on Edit CMS Row and start using filters.
Filter Types
You can use Seventeen filters for Custom Collection fields, which can be applied to Eleven different data types.
Filters:
- Equal
- Does Not Equal
- Is Between
- Is Less than
- Is Less than or Equal
- Is Greater than
- Is Greater than or Equal to
- Contains
- Does Not Contain
- Is Set
- Is Not Set
- Is Before
- Is Before or Equal To
- Is After
- Is After or Equal To
- Includes
- Does Not Includes
Data Types in Custom Collection Fields:
- Text
- Rich Text
- Image
- Single Select
- Date
- Link
- Number
- Select(single)
- Single Reference
- Multiple Reference
Filters for every Data Type:
Here are the filters that you can use for each Data Type:
Plain Text:
Rich Text:
Image:
Single Select:
Date:
Link:
Number:
Email:
Select(Single):
Single Reference
Multiple Reference
Related Articles
Post Preview from Design Template
Rich Text Element
Updated on: 27/07/2023
Thank you!