Streaming live at 10am (PST)

Menu Tabs for Collection content

I can’t seem to find any information on this, and would love if someone could point me in the right direction.

I’m building a site for a client, and I want to create a filtered series of collection listings, that appear under a dropdown in the main menu.

When I create the collection, Webflow seems to associate the collection with a URL path. However, I can’t seem to put the ‘listing’ pages along the same path, because I can’t duplicate the URL into the page container.

So, in my specific example (for a church website I’m building)…

The Menu container is “Ministries Container”, and the sub directories are “Children’s”, “Youth”, “Adult” and “Other”

The URL for each of the listing page is: /ministries-container/childrens (NOT desireable)
But the path to the DETAIL page is: /ministries/childrens

I want the container to be along the same URL path, but I can’t figure out how to do this. Any ideas or workarounds?


Here is my site Read-Only: LINK

Hey @GaslampVillage It is not possible for a folder and collection to have the same root url, such as /ministries/... because then it would be possible for a static page in the folder and a collection item to have the same url.

Here’s my recommendation for the data structure of the site.

Rename the current Ministries collection to Programs, Groups, or Classes whichever fits appropriately because looking at the items in the collection they seem to be items that belong to Ministry and are not the Ministry but a subset of a Ministry. Also remember to change the slug to match the new name.

Now create a new/different collection called Ministries and free up the /ministries slug for that collection. Turn those static pages (children’s, adult, youth, other) into CMS items within the new Ministries collection.

Next create a relationship between the two collections using a reference field. This will serve to structure each Program as belonging to a Ministry. Go to the Programs collection and add a single-reference field that you will connect to the Ministries collection. In each of the Program items, assign with Ministry it belongs to. Looking at the image below Collection 1 is your Programs Collection and Collection 2 is your Ministries Collection.

Here’s a link to the University article explaining references.

Hope this helps.