Accordion, Group by year

Attributes
1

Is it possible to make the header by year and all items having Year = header grouped in content?
Or is this only possible by using NEST and year as header?

You understand when you see the this example:Internasjonale medaljer

2

Hey @per.boymo!

I don’t fully understand the question, what final design do you want to achieve? :thinking:

3

late back… I want to use accordion with Year from CMS as accordion top and automatically add data from cms in accordion bottom with filter Year from top. It is possible today, but you need to do this manually for each accordion.

4

Yes! You can do this by adding CMS Nest to the setup and doing a “Reverse Nest” where we set the items as children of the referenced year.

Could you share a read-only link so I can see the CMS structure of your collection and advise how to achieve this?

5

Thanks - Link: Webflow - Norges Seilforbund

CMS Items in collection: Internasjonale medlajevinneres

6

Awesome!

Here are the step-by-step instructions on how to do this. Refer to this for CMS Nest documentation → CMS Nest - Nest Webflow CMS Collection lists without limitations

  1. Add the Collection list to the page, inside the collection add a text link (it can be hidden from view) set to the current item. Add the accordion component as a sibling of this link.

  2. At the bottom of the accordion, add a blank div that will be the target div for the nested list.

    Screenshot 2024-12-19 at 12.15.57
    Screenshot 2024-12-19 at 12.15.571920×1088 122 KB

  3. Add the “Internasjonale medlajevinneres” collection to the page and set it according to the CMS Nest documentation.

  4. Inside the “Års template page” add the "Internasjonale medlajevinneres " list and filter it so that only the items on the current year appear.

    Screenshot 2024-12-19 at 12.21.38
    Screenshot 2024-12-19 at 12.21.381920×966 100 KB

  5. Set this collection according to CMS Nest documentation for the “Collection on template page” step

    Screenshot 2024-12-19 at 12.24.21
    Screenshot 2024-12-19 at 12.24.212606×1710 389 KB

  6. Publish and test!

7

Thanks. Maybe I have done something wrong with the identifier…
And the data from “Internasjonale medlajevinneres” collection should be placed in the Års templatepage? (and then showing in nest div?

New link Webflow - Norges Seilforbund

8

hey @per.boymo! The link seems to be broken! Could you share a new one please?