Why is the empty state not visible when filtering CMS items in Webflow?
TL;DR
- Make sure no CMS items match the filter, as the empty state only appears when the collection is truly empty.
- Check that you're using Webflow's native CMS filter (not third-party tools), that pagination isn't interfering, and that the empty state block is visible and properly configured.
If your empty state is not showing when filtering CMS items in Webflow, it's likely caused by how the filter is applied or how the empty state is configured. Here's how to troubleshoot and fix it:
1. Ensure No Items Match the Filter
- The empty state will only appear when zero CMS items remain after filtering.
- Preview or publish your site, apply the same filter dynamically (e.g., using MixitUp, Finsweet’s CMS Filter), and confirm that no items are being displayed.
- If one or more items match the filter condition, the empty state will not trigger.
2. Check If You’re Using Pagination
- If you are using Webflow's native pagination, it may load paginated items via JavaScript and not trigger the empty state immediately.
- The empty state only works for items on the current page, not across all pages.
3. Confirm You’re Using Native CMS List with Filters
- Webflow's built-in CMS filter system (Project Settings → Collections → Filter) does support empty states.
- If you're using custom JavaScript or third-party libraries (e.g., Isotope, Finsweet Attributes), those handle filtering via front-end and may bypass the Webflow native empty state block entirely.
4. Verify Empty State Visibility Settings
- Select the Collection List Wrapper, go to the Empty State block and confirm it's visible and designed properly.
- Make sure it’s not set to
display: nonein styles or hidden in interactions. - Check for conditional visibility rules that might hide it.
5. Empty State Doesn’t Work With Conditional Visibility on Items
- If instead of filtering, you’re using conditional visibility on individual CMS items (e.g., hiding items where a field is empty), the empty state won’t be triggered.
- Empty state is only shown when the CMS list is actually empty (has zero items, not just hidden items).
Summary
The Webflow empty state appears only when no CMS items are rendered, not when items are hidden with filters or visibility rules. Ensure no items match the filter, you're not just hiding items with visibility, and that the empty state block is styled properly and not accidentally hidden.
