Some CMS elements do not display when I use FS Filter and FS Load at the same time

Attributes
, ,
1

Hello,

I’m using FS Filter and FS Load to display items from a CMS collection in Webflow. The collection has over a hundred items, and recently, I’ve been unable to display a new item from this collection on my website.

Basically, I can add my item to the CMS collection; I see it in Webflow and in the preview, but when I switch my site to staging (and the Finsweet scripts run), the recently added items don’t appear. (Currently, the last 6 items refuse to show up.)

Also, I’ve noticed that the objects appear briefly for half a second, then disappear and become impossible to find.

I’ve checked the setup several times, trying to load one script before another, but nothing works.

Also, it seems the problem might be related to FS Load, but I’m not sure: since the number of items that don’t appear is linked to the number of additional items I display by clicking my “Show More” button.

If anyone has any ideas or has encountered this problem before, I’d love to hear them—thanks in advance!

2

I can’t send you the Webflow project share link for confidentiality reasons, but if a support team member can help me as well, I could send it to them via private message

But any information or assistance is welcome

3

Hey @corentin.kerneis :flexed_biceps:

We’ve seen this exact behavior before, and it’s almost always caused by Webflow’s 100-item Collection List limit. Webflow only renders the first 100 items in a Collection List in the DOM. If your collection has more than 100 items, anything beyond that limit doesn’t exist on the page — so when FS List Load and FS List Filter run, those extra items are invisible to both scripts. This explains the flash-then-disappear behavior: items load briefly in the initial HTML but get reorganized out during the script’s render cycle.

The clue you noticed — that the number of missing items matches the number loaded by your Show More button — points in this direction too.

Here’s how to fix it:

  1. In Webflow Designer, select your Collection List and open the Settings panel
  2. Enable Paginate Items — this is mandatory for FS List Load to work
  3. Optionally enable Show Page Count on the Pagination element — this speeds up how fast List Load detects pages
  4. Add fs-list-element="list" to your Collection List (not the wrapper)
  5. Add fs-list-load="all" to the same Collection List element — this loads all items before the filter runs, overcoming the 100-item limit
  6. Select the Pagination element and set it to display: none so it doesn’t appear on the page
  7. Publish and test on staging

Quick question: how many total items are in your CMS collection? You can check this in the Webflow CMS panel. If it’s over 100, this fix should resolve everything. If it’s under 100, there may be something else going on.

If you could share your Webflow read-only link and staging URL, that would help us verify the setup if things don’t work after the fix :folded_hands:

4

Hello,

The solution you provided doesn’t solve the problem:
the missing items still aren’t showing up.

Also, I don’t want to display all the items in the collection at once because my collection currently has 126 items, so the page would be excessively long in that mode.

Is it possible to share the read-only Webflow link via private message?

Thanks a lot

5

Hi @corentin.kerneis

We’re sorry the earlier solution provided proved insufficient

Please share your read-only & staging link via private message so we can look into it

Thanks

6

Hi,

I just send you the share link in direct message, thanks !