I am building a city Directory
The setup is page for cities with category selections - restaurants, attractions, etc
The category selection should list the CMS items for the current city
The problem is categories are listing all of the CMS items for the category
How do I filter for only the current city
Thanks
Use Finsweet CMS Filter and Finsweet CMS Load.
On your city page, pre-filter those collection lists ( in Webflow’s collection list settings ) to the current city so that it will only draw from that data set.
Thanks again - i reviewed a number of tutorials including that one
when i click Medellin - LocalListing X - Webflow Ecommerce website template
and then restaurants it shows restaurants for every city
in the filter settings it only allows selection within the category
I recommend you do the basic CMS tutorials and focus on how ref fields and multi-ref fields work. You’re filtering, but using name as a filter probably won’t be very consistent. I’m guessing you’re not using refs or that your city pages might be static rather than CMS pages.
Start by prototyping a small setup in an empty project so that you understand the CMS / filtering setup that achieves what you want.
following the tutorial -
Collection CMS page - cities
Collection source - Experiences
Filter - Experience Category = Restaurants
Experience = Cities is current cities
it is referencing Cat restaurants but not filter for the specific city
continues to show restaurants for all cities
Most of your collection lists are correctly filtered to City = current city
The one at the bottom has no filtering. You’ll need to add a filter if you want to constrain that data, just like the filters you have on your other collection lists.
However also, you’re using a Webflow Slider to display CMS content by putting collection lists inside . That can be made to work in limited scenarios, but you may have challenges with responsiveness.
Look into Finsweet CMS Slider or use a custom library like SwiperJS if you want more control over this, and better CMS data integration.
Also check out GOAT Slider and some of the newer slider-related apps you can now install in Webflow.
I have been suggested that it would require either jetboost filter or finsweet filter would be required as webflow native settings cannot do it - the slider has a link which goes to the restaurants page Restaurants - LocalListing X - Webflow Ecommerce website template. what attributes or filters would need to be added to filter the restaurants for the specific city
JetBoost or FInsweet Filters would only be useful if you want to filter dynamically, e.g. click a city and it changes immediately, on the same page.
In Finsweet’s stack, you’d use FS CMS Filter, FS CMS Load, and FS CMS Slider as the foundation for that. I’m not aware of a Jetboost slider.
For static filtering of your slider, so that your Chicago page only shows Chicago slides, your choices are;
