When using the Multi-image field in a CMS Collection List, Webflow shows a "No items found" message if the collection is empty. Here’s how to hide this message and remove any default behavior when no images are present.
1. Understand the "No items found" Message
- The "No items found" message appears by default in a Collection List when the CMS data (e.g., Multi-image field) returns no content.
- This message is within the Empty State of the Collection List and can be customized or deleted.
2. How to Remove or Hide the "No items found" Message
- Select the Collection List Wrapper that is tied to your Multi-image field.
- In the Navigator, click on the "Empty" state, which appears only if there is a case where no items are found.
- Once selected, you can:
- Delete the empty state entirely by pressing the delete key.
- Or style it to be hidden by setting Display: None in the Style panel.
This prevents anything from being shown when no images exist.
3. Custom Attributes in the Image Settings (Optional)
- If you're looking to apply custom attributes inside the Image element within the Multi-image Collection List (e.g., for optimization or external integration), consider the following:
- In the Element Settings panel, scroll to Custom Attributes.
- You could enter
loading
as the name and lazy
as the value to enable native lazy-loading. - Or use
data-*
attributes like data-src
for JavaScript uses. - Note: These attributes do not control the "No items found" message—they’re used for enhancing image behavior or integrations.
Summary
To remove the "No items found" message in a CMS Multi-image field, delete or hide the Empty State of the associated Collection List. Custom attributes in the image settings are optional and do not affect this behavior.