Want to show a CMS list of 50 US states with a CMS list of cities within each state

Design help CMS
1

I have a Webflow project with two collections:

  1. States
  2. Cities (which Reference the States collection)

On a page, I need to list all 50 states, with a list of cities underneath each state using dynamic collections. Any ideas on how to achieve this?

I tried making a list of State Labels + a filtered state collection list, but ran into the problem of Webflow only allowing 20 collection lists on a page.

2

You can do this with SA5 Layout.
You’d drop 1 collection list for the states, and 1 for each 100 cities (e.g. 289 cities would be 3 collection lists ).

Create your item layouts, tag your DIVs with SA5 Layout’s attributes, and you’re all set… it’s script so the layout work happens on the published site only, not in the designer.

Pro tip- if you do have hundreds of states and your state “cards” have any complexity, make them components and use property binding for the CMS data, that keeps your card design centralized and easy to update even if you have 1000 ( 10 collection lists ).

3

Perfect! Thank you very much.