Just not getting Individual versus Group CMS Items

First off this really is an incredible design platform.

My problem is on a Collection Page, I set up a grid of images with corresponding links. They represent a series of music releases or portfolio items.

But I don’t know how to restyle the page for when it’s one single item. Something had slipped through my understanding of all the fantastic documentation for this program.

I know that feeling :smiley:

Ok so you can create static pages, or use the home page, and place a collection list inside of it. Each cell will get one item and you design the item and it propagates. Inside of an item you can also place a link or a link block, and set the link with the purple CMS options, and set it to Current item.

http://vincent.polenordstudio.fr/snap/Webflow_-_Record_shop__CMS_tutorial_2018-12-20_16-03-35.png

This link will lead you to a page with only this item. (the CMS “node” page)

To set the content of this page and to design it, you have to use the CMS Collection Page template. You have one template ready for every collection you created.

http://vincent.polenordstudio.fr/snap/Webflow_-_Record_shop__CMS_tutorial_2018-12-20_16-05-08.png

Once in the Collection Page, design as if you were designing a collection list item, except you don’t need to add a collection list. Drag a title, image and anything and link them to the collection and it will be populated from the current item. You can change the current item shown here:

http://vincent.polenordstudio.fr/snap/Webflow_-_Record_shop__CMS_tutorial_2018-12-20_16-06-55.png

Does this make any sense?

When I said you don’t need a collection list, you can totaly have a collection list on top of all the content for your current item, so you can link other items, post etc, and there’s even an option for lists to remove the current item from the list.

So you can have a collection of other posts in a post page, or a collection of authors in an article page… everything you can think of. Sometimes you can filter those collections depending on the current item, for example displaying a list of records on a category page. (current category)

Here’s the read only link of my Record Shop demo page, you’ll see how items and list pages are organized, how genres, authors and categories are linked to the records etc.

https://preview.webflow.com/preview/candyshop?utm_source=candyshop&preview=4a66108fe401388812bc6717a8c47e29

fantastic thanks for all the help on this. i had a feeling that this is the way to execute the list view versus individual.

On the records page that you created, is it possible to filter the list based on attributes like record label (using dropdown)?

No, there’s no live filtering feature supported by Webflow at the moment.

But you can use a third-party one, like Mixitup. @sabanna has a couple of great tutorials on how to make it work with Webflow, I Think the most recent one is this one: http://mixitup-webflow-tutorial.webflow.io/

You can also use a Tab elements and put a differently filtered collection list inside of each tab, if you want to present a limited amount of options (there’s anyway a limit of 20 collection maximum per page).