To hide the "No items found" empty state for a second multi-image gallery in Webflow on specific pages, you’ll need to apply conditional visibility or custom CSS to control when it appears.
1. Understand the Problem
- Webflow's built-in empty state layout block automatically shows when a Collection List has no content.
- If you're displaying multiple galleries, you may want to show or hide the empty block selectively per page.
2. Use Conditional Visibility (Only for CMS Pages)
- If you’re on a CMS template page, you can use Conditional Visibility directly in the Webflow Designer:
- Select the “No Items Found” element inside your second gallery Collection List.
- In the Settings Panel, under Conditional Visibility, set a rule such as:
- "When [Multi-image field] is set."
- Alternatively, use a separate plain text switch field (e.g., "Hide second gallery") and set: "When Hide second gallery is not on."
- This method won't work on static pages — only CMS templates.
3. Set a Custom CSS Class and Use Page-Specific Code
- On static or non-CMS pages, add a custom class to the empty state element, such as .gallery2-empty.
- Then, embed a small custom script in the Page Settings > Before