Can Webflow showcase only rented or for sale properties on a real estate website, based on the option field in the collection?
TL;DR
- Create an Option Field in the CMS Collection with choices like For Sale and For Rent.
- Add a Collection List to the page and apply a filter to show only the desired listing type.
- Alternatively, use Conditional Visibility on elements within the list to display only relevant properties.
Yes, Webflow can dynamically showcase only rented or for sale properties based on an option field in the CMS Collection. You can achieve this using Collection List Filters.
1. Use an Option Field in the CMS Collection
- In the CMS Collection for properties, create an Option Field named something like Listing Type.
- Add options like For Sale and For Rent to this field.
2. Add a Collection List to the Page
- Go to the Designer and insert a Collection List that pulls from the Properties Collection.
3. Apply a Filter to Show Only the Desired Listings
- Select the Collection List Wrapper and click on the Filter option in the settings panel.
- Set the filter as: Listing Type is "For Sale" (to display only properties for sale).
- Alternatively, create a second Collection List, and set its filter as: Listing Type is "For Rent".
4. Use Conditional Visibility (Alternative)
- Instead of filtering at the list level, you can apply Conditional Visibility to individual elements inside the list.
- Select the property card and set its visibility to "Show if Listing Type is For Sale" (or "For Rent," depending on the case).
Summary
Webflow allows you to filter property listings using an Option Field and Collection List Filters. You can either set filters at the list level or apply conditional visibility to elements.