Combine not working on CMS Template page

Hey, I’m trying to combine a bunch of resource collections on a CMS template page.

The source of each is a multi-reference field. E.g Webinars, Blog Posts, Glossary, etc

First list has

And the other lists all have

On the staging site the lists just appear below each other.

Please see share link: Webflow - Ambient AI - Migration

Hey @hello6!

The issue happens because your main combined target Collection List is empty on many pages. When a list has no items, Webflow injects the default “No items found” block, which causes the element with fs-list-combine="resources" to not be rendered correctly on the DOM.

This element should have the structure of the collection list, but since it is empty, there is no list rendered.

A simple fix is to make the combine target a static (non-CMS) list.

Replace the target Collection List with a normal Div structure just like this:

<div class="resources_list-wrapper" fs-list-element="wrapper">
    <div class="resources_list" fs-list-combine="resources" fs-list-element="list"></div>
</div>

Make sure to change the previous element with fs-list-combine="resources" to fs-list-instance="resources"

Make these changes and let me know how it goes!

Thanks @Support-Pedro, worked like a charm! :grinning_face:

1 Like