How can I fix the bug in Webflow where a CMS content item is missing from a product accordion?

TL;DR
  • Ensure the Collection List is bound to the correct CMS, the item is published, and the site is re-published.  
  • Check and adjust any filters or conditional visibility rules that may be unintentionally hiding the item.  
  • Verify accordion structure, pagination limits, and reference field setups to confirm proper display and linking of CMS data.

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 Listfilters, 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 boundfilters 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.

Rate this answer

Other Webflow Questions