CMS Nest Alternative Method not displaying nested items

Description

Im using list nest Alternative method to nest Subcategories within my Parent Categories.

My nested collection is not showing up on the targeted div

Site URL

Required: Please provide a staging/production URL where we can see the issue

Steps to Reproduce

  1. Show Checkboxes (nested) subcategories under parent categories

Expected Behavior

Subcategory checkboxes to show up under their respective parent categories

Actual Behavior

no checkboxes (subcategories) are appearing.

Video/Screenshots

Required: Please provide a short screen recording showing the issue

Additional Context

  • Browser: Chrome
  • Device: Macbook

NDA Notice: If you’re under an NDA, please feel free to send us a Direct Message/Email with the above information.

Hey @admin1!

I took a look at your page and I noticed this:

You are hiding the Nested List with Visibility: Hidden. This prevents the element from being loaded into the DOM.

Do not hide this Collection List . If it is set to display: none , it will not be shown in the parent list. If the list being visible in the Designer is annoying, you can add a wrapping div and hide it.

Make these changes and let me know how it goes!

Hey @Support-Pedro, Thanks for looking into this. The collection highlighted in your screenshot is an old nested CMS that I’m trying to replace. I have also tried it by removing this old nested collection. The new nested element is inside a div called filter_nest which is hidden.

@Support-Pedro Can you provide additional support? I have since deleted the old nested cms and added and removed the attributes multiple times based on documentation and im still not having any luck. Thanks

Hey @admin1! I’ve been making tests and trying to replicate your setup. I´ll let you know when I come up with a solution.

Hey @admin1!

I took a look back at your page, and I noticed that you are now using the Webflow Native Nested List method. The issue is that Webflow Native Nested Lists are limited to 10 items.

In your “Construction & Home Services” Collection list, you have 13 nested subcategories, so 3 items are not being displayed on your nested list.

I recommend you use the default List Nest method to nest all your category checkboxes correctly.
If you don’t mind using the Default Method, try this setup:

Main Page:

On your Parent Categories Template page

If you have any specific reason to use the alternative slug method, please let me know, and I will work on a solution with that method.

I also noticed that when you select a filter, the filters list also gets filtered. We can solve this issue by adding fs-list-instance="filters" on your element with parent-cat_clist class.

If you have any questions about this setup, just let me know!

Thanks @Support-Pedro for the thorough walkthrough. I apologize for the confusion and the current state of the read only link. Client pushed the changes live before this issue was solved so I had to revert back to the webflow native nesting.

The goal is to switch to the slug method to allow the client to add as many sub-categories they want without limitations.

@admin1

The setup will work with either nesting option. Since the collection is not that big, I recommend using the default nesting method, as it avoids the double data entry required by option #2.

Hello again @Support-Pedro I created a sandbox page to further test this nesting behaviour, which can be found here. Once again, I have removed all attributes and started fresh, tried no space on slugs and used one slug as seen in the first tab “Places to Stay” and still having no luck.

Hey @admin1!

I ran some tests on your page using a local override, and here’s how I got it working correctly:

  1. Add a Link Block as the first element of your item (you can hide it with display:none).
    Set the attribute fs-list-element="item-link".

  1. Update the attribute on your CMS Field Slugs element:
    Currently, you are using fs-list-instance="sub". It should have:
    fs-list-nest="sub" and fs-list-element="nest-slugs".

After these changes, it should work as expected:

Make these changes and let me know how it goes!