Can Webflow showcase only rented or for sale properties on a real estate website, based on the option field in the collection?
TL;DR
- Add an Option field (e.g., "Status") in the CMS to label properties as "For Sale" or "For Rent".
- Use a Collection List connected to the Properties Collection and apply a filter based on the Option field to display only the desired status.
- For more dynamic control, use tools like Finsweet’s CMS Filter to allow user-driven filtering on a single page.
Yes, Webflow can dynamically showcase only rented or for sale properties using a Collection List filtered by an Option field in your CMS. This allows you to display different sets of properties (e.g., only "For Sale" or only "For Rent") on specific pages or sections.
1. Set Up an Option Field in the CMS
- In your Properties Collection, add an Option field (e.g., named Status).
- Create the options like For Sale, For Rent, and any others you need.
- Assign the appropriate value to each property item.
2. Add a Collection List to Your Page
- Drag a Collection List onto your desired page or section.
- Connect it to your Properties Collection.
3. Apply a Filter to the Collection List
- Select the Collection List Wrapper.
- In the Element Settings panel, go to the Filter section.
- Set a filter such as:
Status is equal to "For Sale” (or "For Rent", depending on what you want to show). - This will restrict the shown properties to only those with the selected status.
4. Create Separate Pages or Sections (Optional)
- To show both "For Sale" and "For Rent" properties on different pages, duplicate the page or section and change the filter accordingly.
- You can also use conditional visibility or tabs if both options need to appear on the same page with toggling.
5. Optionally Use Buttons or Filters with Finsweet Attributes
- If you want users to switch between “For Sale” and “For Rent” on one page, consider using Finsweet's CMS Filter library.
- This requires adding Finsweet’s attributes and script configuration to allow front-end filtering without creating duplicate sections.
Summary
Webflow easily supports filtering property listings using an Option field via Collection List filters. Filter by “For Sale” or “For Rent” to control what’s displayed, either per page or dynamically with a filtering tool like Finsweet.