Good morning everyone,
I need to build a website of recipes for one of my clients. He would like his recipes to be filtered by category (starter, first course, second course, desert) and by country (e.g., Italy, Brazil, etc.). I have started a “playground” Webflow project just to test the backend and the logic. Please click on the link below to see it (I have only added fake recipes in First Course and Italy):
Preview link: Ginevra's Fresh Project
Read-only link: Webflow - Ginevra's Fresh Project
At the moment, users can see Italian recipes (/countries/italy) and first course’s recipes (dishes/first-course). However, they should be able to go one step further and only see Italian first courses (so possibly /dishes/first-course/countries/italy or something like this). The problem is that Webflow does not generate these nested routes.
I thought about adding a tabs menu in the category page (e.g., first course page), with a tab for each country. However, I can only add collection lists inside the Tabs Content div and filter each one manually (e.g., in the tabs menu write “Italy”, and in the tabs content add a collection list and filter the recipes by both category (current category, in this case first course) and country (in this case Italy).
That works, but if tomorrow my client wants to add a new country, the tabs menu (with the name of the new country) and the tabs content (with the recipes of that country AND that category) will not be updated automatically. So that’s not a good solution.
I also found a tutorial by @Finsweet (Build Webflow CMS Dynamic Tabs Component from Scratch - How To - YouTube) which allows me to dynamically update the tabs menu, but it doesn’t solve my problem as the tabs content would still need to be added and filtered manually.
Please let me know if you have a solution for me, at the moment I am a bit lost. Any suggestion would be highly appreciated!
Thank you in advance for you precious help and have a great day!