If a CMS item isn't appearing in a product accordion in Webflow, it's usually due to one of a few common configuration issues within the Collection List, filters, or conditional visibility settings.
1. Check CMS Collection List Settings
- Select the Collection List Wrapper inside your accordion.
- Ensure the correct CMS collection is bound (e.g., Products, Services).
- Confirm that the CMS item in question is published and not in draft or archived status.
- Re-publish your site to make sure CMS content updates are live.
2. Review Applied Filters and Sorting
- Select the Collection List and go to the Settings panel (D key).
- Check for Filters that might exclude certain entries (e.g., filtering by category, tag, or switch field).
- Ensure the missing item matches the current filter criteria.
- Temporarily remove all filters to see if the missing item appears.
3. Inspect Conditional Visibility Settings
- Click on any Element within the Collection Item (e.g., heading, image).
- In the Element Settings panel, check for any Conditional Visibility rules (e.g., Only display if 'In Stock' is true).
- Disable or adjust conditions to verify if they are hiding the item unintentionally.
4. Validate Accordion Structure
- Ensure each Accordion section properly includes a Collection Item element.
- Verify there’s no hardcoded content replacing intended CMS-bound content.
- If you're using a nested accordion, Webflow does not support nested Collection Lists natively—workarounds through JavaScript or custom embeds would be required.
5. Re-check Pagination and Item Limits
- Go to the Collection List settings and verify if Limit Items or Pagination is toggled.
- If pagination is set, the missing item might be on another page. Set the limit to a higher number temporarily to test.
6. Review CMS Reference Settings (If Using Multi-Reference Fields)
- If the accordion references another collection (e.g., Services in a Product), make sure:
- The reference field is linked properly.
- The child collection (e.g., Services) contains the item and has proper reverse referencing.
- You're using nested Collection Lists appropriately (and within Webflow's limitations).
Summary
To fix missing CMS items in a product accordion, ensure the Collection List is correctly bound, filters and visibility settings aren't excluding the item, and item limits or pagination aren't hiding it. Double-check CMS publication status and accordion structure to rule out configuration issues.