Multiple Filters using Multi-Reference Fields

Design help CMS
1

Hi all,

I am building a radio station website at the moment and I am attempting to create a program guide.

I thought that the best way to achieve this would be to create a “Programs” collection.

The “Programs” collection would be displayed so that, using a Tabs element, I will have a Monday - Sunday program guide.

It’s worth noting that our programs air on different patterns - fortnightly, weekly, and daily (including a multiple of those) - and I use a multi-reference field (with the options Mondays, Monday Fortnights, Tuesdays, Tuesday Fortnights etc.) so that when we add a new program, we can choose the specific days it airs (for example if a program was on Monday fortnights, Tuesdays and Thursdays).

So under the Monday tab, I want to filter all programs so that it only displays programs that have “Mondays” or “Monday Fortnights” in the multi-reference field.

Is this possible?

Thanks in advanced,
Kai :smile:

2

Have you seen this [TUTORIAL] MixItUp filtering plugin with Dynamic content

3

No I haven’t - and I was hoping for something simpler.

Thank you though - I’ll check it out further!

1 Like
4

A simpler solution might be this dynamic filter component that we built – if you still search for a solution (https://ncf-filter-styled.webflow.io/). Every searchable item is a Webflow CMS item. Every visual aspect (including states) can be modified native within the Webflow designer. :sparkles: We designed it as a cloneable component with a little video tutorial to implement it – should take you around 15 minutes to get started.

For us from www.nocodeflow.net having this component definitely was a game changer, because we often get the customer request to allow the user to search, order and filter through different CMS items.

We found this was the best possible way to do it within Webflow. There is another guy who built an awesome solution – but it’s something like 30$ a month, which seemed too much for us, keeping also the 16$ Webflow fee in mind.

Filter Vid