Community forum for knowledge and support

Updated 8 months ago

Setting Up a Blog Component with Collections List

At a glance

The community member is having issues setting up a component with a collections list in Webflow. They mention that in the video instructions, the CMS is autofilled with columns, but on their end, there is only a thin line showing. They tried adding height to it, but it just shows one container. The community members discuss troubleshooting steps, such as checking if there are any items in the "Blog Posts" collection, mapping classes from the component to the collection, and nesting a second collection for categories. They also mention a more in-depth walkthrough document being released soon. The community members provide some links to their Webflow project, but there is no explicitly marked answer to the original issue.

Useful resources

I'm having issues setting up this component with a collections list. In the video instruction the cms is autofilled with columns and there is only a thin line showing on mine. I tried adding height to it, but it just shows one container. So confused. Can someone tell me how to fix this?

M
M
15 comments

do you have any items inside of the collection "Blog Posts" or? That's usually the indicator here. I also can't see what is inside of that collection either.

Mind sharing a read-only link?

it says there are 5 posts

did you delete the section or?

ok now the collection is working for some reason. any way you could assist getting this component in the collections list? should be visible now

yeah I would map the classes from the component to the collection, and then drag blog42_item into the collection item wrapper and hook up the CMS custom fields to the elements. You'll likely want to skip the 5 min read, that requires quite a few extra steps, and isn't worth the effort in my opinion.

the category will require that you nest a second collection that points to a multi-reference field like "Blog Categories" or something like that.

we have a more in-depth walkthrough doc on this exact topic being released to relume.io/resources here in the next day or two.

ok i moved all of the blog_42 items under collection item.

"the category will require that you nest a second collection that points to a multi-reference field like "Blog Categories" or something like that."

what do you mean by this? You can see where im at now on the link

as promised, here is an official doc on this topic - let me know if you find it helpful or if you have any questions!
https://www.relume.io/resources/docs/adding-cms-collections-to-components

Ok this part makes sense. What about hooking up the actual blog page? There is supposed to be a drop down from the template page, but I don’t see anything. Also what about for index page? Gotta say I think webflows CMS is the most confusing aspect of the entire software

what do you mean by "drop down from the template page"?

Typically for a blog, I'll create the /blog page as a static page and bring in a couple of collection lists into that page- so I'd use Blog Header 1 and Blog Section 1 as examples - and hook those both up to collection lists and then I've got my "index" page for the blog. Then any post within those collection lists will link to the blog post template and that would be the "Single Post" template (if you are coming from wordpress, that is one way to think about it). Webflow CMS is probably the most powerful and empowering CMS I've ever worked with so I think once it clicks, you'll take off like a rocket.

I would encourage you to watch some of the Webflow University videos on Webflow CMS as well.

Add a reply
Sign up and join the conversation on Slack