How can I display all non-featured blog posts in a second collection list on Webflow, including both featured and non-featured posts, but excluding the newest featured post displayed in the first list? Manually removing the featured flag from the old post every time a new featured post is published is not feasible.

TL;DR
  • First collection list: Display the newest featured post by filtering for "is Featured" true and sort by "Newest Published" with a limit of 1 item.
  • Second collection list: Display all older featured and non-featured posts by excluding the latest featured post with filters based on creation date and use conditional visibility for previously featured posts.

To create two collection lists in Webflow, one displaying the newest featured blog post and the other displaying all non-featured posts plus past featured ones, follow these steps:

​

1. Set Up Two Collection Lists

  • First Collection List: Display the newest featured post. 
  • Second Collection List: Display all posts excluding the latest featured post.

​

2. Configure the First Collection List

  • Add a Filter: Only display posts where is Featured is set to true.
  • Sort Orders: Arrange by Newest Published, and set the limit to 1 item to ensure it shows only the newest featured post.

​

3. Configure the Second Collection List

  • Add Multiple Filters:
  • Exclude posts where is Featured is true AND created in the last X days. Here, X depends on how frequently you publish new featured posts (e.g., 7 days for weekly posts).
  • Include posts with is Featured set to false to capture older non-featured posts.
  • Sort Options: Arrange the posts by Newest Published.

​

4. Use Conditional Visibility

  • Featured Badge: Add conditional visibility to show when is Featured is true on posts in the second collection.

​

Summary

Set up the first collection list to display only the newest featured post. For the second collection, filter non-featured posts while excluding the newest featured one with filtering based on recent creation date. Use conditional visibility to highlight previously featured posts. Adjust timeframe filters as necessary to match your publishing schedule, ensuring maintenance-free management of the collection lists.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
What are you currently using for video hosting and what features would you like to see in a Webflow video hosting solution like Vidzflow?
How can I create two dropdown selectors in Webflow for a form, one for 'Location' and one for a hidden email response dropdown for Zapier and CRM integration?
How can I add a PDF to Webflow to automatically download when a button is clicked?
How can I properly track form submissions on my Webflow site that come from Google Adwords? I have followed the steps provided by Google, but I am unsure about where to add the code and how to link it to the submit button. I have already attempted to add the code in the custom code section labeled "Inside tag". Can someone please help me with this?
Can Webflow support additive overlay?
What could be causing my placeholder text to be cut off in the latest version of Chrome for the simple form at the bottom of my Webflow site?
How can I use Webflow to dynamically adjust the column numbers and content order based on different devices and views?
How can I integrate custom code (such as JavaScript) into Webflow to allow users to copy and paste HTML and CSS from a resume they like on my website into their own Webflow account, similar to how Flowbase does it?
How can I create a link within a paragraph in Webflow for a specific word in a sentence?
How can I dynamically display the current year in the footer of all my Webflow sites?
How can I display a div that will only be visible to Internet Explorer users, including IE 11, on my Webflow site? The purpose of this div is to display a message saying "For the best experience, please open using Chrome, Firefox, or Safari. Thanks!"
Can I block scrolling on a Webflow page when the left menu is open? How can I achieve this?
How can I add an onClick event to a Webflow button in order to trigger a Calendly embed popup, following the instructions provided by Calendly? I've tried the method mentioned in a thread but it's not working. Please assist.
How can I integrate Stripe Checkout on a Webflow site for a simple click payment option? Could you recommend any other checkout options similar to Stripe for a single item purchase?
How can I customize the dots in Webflow slides nav to match a specific design using CSS or uploaded SVG icons? Can someone provide me with a few lines of custom code for this?
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?
How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?
How can the text color be changed for custom input fields on Webflow?
How can I add conditional visibility in Webflow to prevent a div from appearing on a published page if a CMS field is empty?
How can I stop a YouTube video from playing in the background in audio mode when I close a modal in Webflow?
How can I connect and use my JavaScript and CSS files for special functions and styles in Webflow?
How can I fix the "Ensure text remains visible during webfont load" warning in Webflow?
How can I implement a ThreeJS script as a background for my Webflow project using custom code?
How can I send data from a Webflow Form to ActiveCampaign without using Zapier? I have set the form to POST and input the form's action URL, similar to Mailchimp but it redirects me to the admin area of ActiveCampaign without sending the data. Has anyone had success with this method?
Can Webflow be used to create a "blob" elements effect in the header of a website using custom code or JavaScript?