|Name||The filter option to be displayed|
|Field Name||The name of the field from your content table e.g. site-content to filter by|
Creating Filters On Pory
To add filters to your site, you will need to create a table named "Filters" on your Airtable base.
In the following example, we will add the filters for the Price/Cost field so users are able to select records that match a certain filter.Site with the added filters
with an Airtable base that is set up like so:Sample table we will be adding the filters to.
Add a Filters table by clicking on the
+button next to your tables and name the table Filters (you will already have that created if you cloned our base).
- Leave the first column as Name and rename the second column and Field Name. Although not mandatory, we recommend changing the field type of the Field Name to "Single select", else make sure it is a "Single line text"
Let's populate the table. Fill the Name column with all the available options we want the users to filter by. In this case it is: Free, Paid, Consumer and Free Tier.
Then, in the Field Name column, enter Price/Cost for each value. This will tell Pory that the option specified in Name is associated with the Price/Cost field in the main table.
When a user selects a filter, Pory will look for any records that contain that value in the Price/Cost field and display it.
- When you refresh you will see the filters appear
Note: you can repeat the same steps to add more filters
Changing filter Types
Both the filter types above are using dropdown menus. To change the type:
- In the site editor select the edit button that appears when you hover over the filters and scroll down to the Filters section. You will be able to select a filter type for each of your filters.
- Update the Filter type to tags and click Save