I have a website project that explain how to use our software. And I found that using webflow CMS is very powerful.Because of that, we decided to make the tutorial inspired by webflow university site.
So my question is:
How to make this menu that appear on every topic (that linked to CMS collection)?
If one of my contributor want to make new page [B], can they add it by them self and linking to the menu [A] (without going to designer mode? because we have more than 500 pages and a lot of contributor around the world)
?
That hierarchy or breadcrumb trail can be pulled from the CMS fields.
For the instance of WU, the “tutorials” button comes from a collection or dropdown selector. Let’s call that collection “type”. For WU, I see article, video, topic, course as some options.
Then there is definitely a reference field for the “category” as seen in the url below which becomes the second button in the breadcrumb.
The third button in your breadcrumb could be a reference field to a “tag” collection.
Basically you are creating an information funnel.
Type>Category>Tag>Content
The content collection template page (or any of the collection pages) can simply pull in the link and text for each reference in the breadcrumb trail.
Hi matthewpmunger
Thank you for your reply.
Yes, that what I mean, how to create the breadcrumb using CMS.
Sorry, I don’t really understand.
Technically how to pull that out of CMS?
should we do copy and paste manually for all link and paste it on a breadcrumb trail?
Are the Type, Category, Tag, Content a static page or dynamic page that created using CMS?
if static, Can we create all the Type, Category, Tag, Content pages using CMS?
As much of it can by dynamic driven by CMS references as you like.
For dynamic linking, review this. Specifically the section on “Linking to Collection pages”
For static example, to link to a static page, make a normal text link or button connected. Make a link for each “type” that is a static page. Then use conditions in the settings panel to hide/reveal the link that corresponds to the type assigned to the content.
This is great, but if the content is only two levels deep you’ll end up with an extra image? Perhaps you could do the ‘/’ image as a background image on the button link instead? Same way you style bullet points?
Here is another example of how to pull off breadcrumbs with the appearance of “deep” data connections even though that’s not actually possible right now.
Hello Brandon
I’m in the process of designing a ecommerce store that has some products within 3rd level categories and some only 1st or 2nd level.
Please can you explain a bit more how I can set up the conditional visibility?
Also would be interested if it’s possible to use conditional visibility in the collection page to jump from the 1st to the 3rd level category if only 2 levels are required? I require this for a special function on my site.
