Community forum for knowledge and support

Updated 3 weeks ago

Wiring Blog CMS Content to a Relume Blog Component

Hey Everyone!
I’m having difficulty figuring out how to wire blog CMS content to a Relume blog component. This is my first time setting up a blog with a Relume component, so I might be doing everything wrong and missing the obvious. 😅

I’m using the Blog Header Section - Blog 6, and here is the view link for the site: https://preview.webflow.com/preview/nj-elc?utm_medium=preview_link&utm_source=designer[…]&pageId=67d20d22d459c2acaccfc93c&locale=en&workflow=preview

In the blog CMS, the categories are set as an “option field,” but I wonder if they should have been set up as a reference field to reference categories from a separate CMS. This is because when I try to connect the CMS list of categories to the category filter links, I get a list for all the categories assigned to each of the 190 blog posts, not just a single instance of each category.

Also, by connecting the category filter links to the CMS, I lose the “view all” option. So I am not sure what I need to do there.

I would greatly appreciate any help in figuring this out.

M
L
5 comments

Hey, so with the blog CMS you would need to create a separate ‘categories’ CMS and reference it using a ‘multi reference’ field to the blogs CMS . Then that way you can pull the data using that reference field for the correct categories for each blog

https://youtu.be/-5S1POm0Auc?si=vh0yl-7IRYj2YH_g This is a nice video to help understand the process for using multi reference fields( he’s even creating category tags as well!).

For the category filter links , you’ll need to create an ‘View All’ link block next to the category’s filters that is outside the collection list and then wrap the ‘View all’ link and the category’s filter links in a div block and style it so that the ‘View All’ block on the outside doesn’t look off and call it ‘filters menu’ or something . Here’s a useful video going over the process: https://youtu.be/42gXE0aZwFM?si=n5jajxl2ZU39mBY-

Uses Finsweets filters attribute which is an awesome free tool

Thank you so much, Mohamed. I appreciate you taking the time to send me the reference videos, too.
Yeah, I was looking at finsweet’s attributes, so the second video is a double bonus.

No worries Lou 😄 , happy to help!

Add a reply
Sign up and join the conversation on Slack