(2020) Search Filter | How To - CMS Library for Webflow

[@nitaci7246]

This video is absolutely god damn brilliant. Gonna take me forever to make it work but the fact that you shared this as a clone is just mad respect. This will save me around 9 years 😅Thank you so much!

[@benerler]

ur channel is underrated

[@JesseShepeardIV]

Bro...I can't even tell you how thankful I am for this! You guys are toooo legit!! 🔥🔥🔥🔥

[@Finsweet]

You're welcome!!! Join us for our big event tomorrow!! We're launching a new product - global-meetup.webflow.io/

[@joelfuentescuriel6174]

Thank you! Following for sure! Stay safe Finsweet!

[@Finsweet]

You're welcome!!! Stay stafe too, Joel!

[@Cappuccinojoe73]

You're a beast for this. Thank you.

[@TomaNeagu]

Works like a charm! Thanks, guys!

[@stayonhire]

Oh my this is so good, thank you finsweet so much! Subbed

[@Finsweet]

You're welcome!!!

[@getPoindexter]

This is awesome! Thank you for making this!

[@Finsweet]

You're welcome!!!

[@Blackford123]

Thank you so F'IN much! Hugely helpful content, so glad I found this.

[@Finsweet]

You're very welcome!!!

[@yourbachang]

so helpful, many thanks!

[@stephaniecruzcastelli7833]

Hello! Is it possible to add this filter in a header symbol, so that every time I want to search for an item, it redirects me to the filter page? Of course when I do this the whole page is refreshed so I lose the input value, any suggestions? I thought about saving this value, and after instantiating the library add it to the "value" attribute, but it doesn't seem to work. My question is, is this the value used to filter the items in the list? I would greatly appreciate your prompt reply.

[@Finsweet]

Hey, Stephanie! Apologies for the late reply, we were on a Christmas break! We can load pre-selected filters on a new page with cmsdocs.webflow.io/add-ons. But it would not work with search filter text input.

[@sym4ne]

Amazing, thanks so much. I'm using Load More, as well, so it's only searching/filtering the visible items. I have the same issue with Sort. Anyway to get around this? (basically, I'd like to search / sort and use load more all on the same collection list). Thank you!!

[@Finsweet]

You're welcome! You'd need to load all items and then, filter them.

[@VincentSteinerYuh]

Awesome tutorial, thanks! Maybe next time, move the headcam a little away from the left side, as there were some itom hierarchies i wanted to look at :) Thanks"

[@gluesniffer336]

I guess this is a niche audience but hurts my brain that there's not more likes.

[@Finsweet]

Thanks for your support!

[@AERvideo]

This is soooo helpful! Thank you for this, I've used it build a search filter about which smartphones are compatible with our AER TYP!

[@lukas125]

Hi there! Thank you so much for making this. I notice that the border of the text field goes blue when you start searching, is there any way I can change that?

[@Finsweet]

Hey! You're welcome! Check this out: university.webflow.com/lesson/style-forms

[@mustang7ist]

Thanks so much! I’ve implemented it and it works great! What is the easiest way to add a clear all text button to this?

[@Finsweet]

You're welcome! Check this out - kzbin.info/www/bejne/eGfFYXeOoaerbtU

[@mustang7ist]

@@Finsweet Thx brotha, appreciate you!! Worked like a charm.

[@slimfit9605]

hi, how can i do this with select box buttons? example: "first select box: city , second select box: district, third select box: categories"

[@adilshehzad9494]

@finsweet do this search input filter, search through the whole cms if there is load more button? because if there is a load more button only a few items are loaded on page load

[@alpacaikaritexas7754]

Hello @finsweet thank for this video all your content is amazing I subbed and put on notifications for your content. I have a question does this filter real time search cover work on multiple collections? Or just one collection at the time? Thank you

[@Finsweet]

Hey! Thanks so much for that! We super appreciate it!!! It will work with multiple collections. Use the combine component - kzbin.info/www/bejne/sJPUh3eCg9lsrLc

[@kasperd]

@@Finsweet Awesome work. I'm trying to apply this to several lists at the same time too, but without using the combine component, as I don't want the lists to be combined. Is this possible? When I try, it is as if it filters some lists but not others, and it feels a bit random which works and which doesn't. Here's a 17 seconds video of the use case: www.screencast.com/t/iFIlPGfMtT0 Update: I figured it out. The script seems to not be able to filter lists which hold only 1 item. This make sense in general, but would be great in my (quite specific) use case. I'll just add 2 entries a time to make this work. :-) And thanks a ton for creating all these grab and drop features!

[@phangyongkang1948]

Hey great content! May I ask, will the search function work if these 100 projects were displayed in Slider, Tabs, or Pagination form instead? Say it displays 20 projects per slide/tab/page, and I search 'Project 90', will Project 90 appear even though I'm on slide 1 (which currently only displays Projects 1-20)? Thanks a lot!

[@Finsweet]

Hey!! No, this won't work with slides/tabs!

[@eugenepark6639]

@@Finsweet Thanks for the awesome video! I had the same question and wanted to add if there's a way to target(search) from all projects when we set up the collection list to display in pagination items.

[@BobbyGrantjr]

Great video! Is there any solution to how I can have it filter all the items in a CMS collection? Like if I have more than the limit webflow allows to be seen in the collection.

[@Finsweet]

Hey, Bobby! You can use Combine ( kzbin.info/www/bejne/b32ugZaZo7V0pq8 ) + Filter ( kzbin.info/www/bejne/boeanpVrnLuBecU ). Check out Combos for more info - cmsdocs.webflow.io/combos

[@melvinraju]

Thanks for this! Is it possible to exclude certain entries in the CMS search? I want them to be shown initially but not show in the filtered results

[@MichealBeaulieu]

Hey Joe ~ If I have a Collection List of 200 members, and there are four types of members, ~ my member page shows these 4 collections, each displaying ONE type of member, (so 4 unique collection lists) I want to search by name, will this setup work for only ONE collection list at a time, or, can it filter through ALL lists at once, and display the result?

[@StudiesStreet]

Will it work with a URL parameter as search term? Or do you have a video that will be able to filter a CMS items list based on URL parameters?

[@papercloudcreative]

can you do this with products?

[@filipradkiewicz5358]

Great Library! I'm wondering, whether It's possible to use it for a range defined by a user in two inputs? Let's say: "number from" and "number to"?

[@Finsweet]

Hey! User-defined range filter is not yet possible. Have a look at this walkthrough to set predefined range filter - kzbin.info/www/bejne/e5bUmmCcqJWCgqc

[@npedrinho]

Thank you for your amazing job! Great tweaks for webflow. I have a question for you. I want to have a search form that shows a fixed short amount of cms entries (the ones with best correspondency to the search input) and a button that connects to a new page that shows all the search results (like the search page). Is this possible? I already tried to use the search input field instead of a text input on your script, but it doesn't work. Is it possible to hide a page-search input, show the search button and make the search input match the text input? Thank you in advance!

[@jesseyoungel]

This works perfectly! GRATITUDE!!! Quick question: Is there a way to set an initial filter that hides all items on page load? Visibly, I want my search filter to reveal collection items rather than "filter" out collection items.

[@Finsweet]

Please submit this request over at Sweetjs.io and someone from the technical team will reach out to help. We do not offer this level of support on KZbin.

[@stefanradovic4944]

Hey did you get some answer for this?

[@chakhmanmohamed9436]

Thank you Joe for everything. I have a question, does this work when you want the search to get content from cms lists that are in different pages?

[@brainybitesOfficial035]

same question did you solve this? because i have 300+ cms items that are not appears on the same page how can i filtered out them on the current page for search?

[@DjabbyTP]

This is exactly what I was looking for. But your script seems to mess up my grid of CMS items? I used your visual script writer, copied and pasted the code into my "before

[@Finsweet]

Hey Simon, I can't say from this information alone. If you go to sweetjs.io and go to our Slack, we will help you figure it out (or fix the issue on our side!)

[@Finsweet]

+ sorry how long this response took. I missed this notification

[@benjaminurquilla980]

I have a question, how can you edit the "no results found" message? I have a client with a website in Spanish so I would much rather want that message displayed in Spanish! Thanks

[@Finsweet]

Hey!!! We're working on pushing this update ASAP!

[@christianeloysio3347]

Thank you so much! Just one question, everytime I hit the enter Button it will send the form and make impossible to search for something else?

[@Finsweet]

Hey Christian - if you are still lookin for this, the code is below: const searchFormClass = '.search-form'; // Search form class $('searchFormClass').submit(function(e){ return false; });

[@michaelhan1917]

@@Finsweet Where would this code be input?

[@Finsweet]

@@michaelhan1917 Please put this below the library script code. Head over to sweetjs.io if you need some help!

[@Blackford123]

@@michaelhan1917 At the end works, before the

[@taiworufuscovenant8009]

Thanks a lot for this amazing job! Please, I'm trying to get the source code so that I can apply to it a project I'm working on.

[@hadilw7447]

can i put it in a dropdown?

[@restyourmind8988]

How can I get this code? I visited visual script page but I didn't get what settings I should put

[@restyourmind8988]

Can you show your full navigator? It seems like I do the same but my filter doesn't work

[@Finsweet]

Hey, Denis! Watch this tutorial to learn about the Visual Script Writer - kzbin.info/www/bejne/Zmi4Y2Z5ZZqKhNU

[@Finsweet]

@@restyourmind8988 Access the navigator with the Clone site - webflow.com/website/How-to-Fin-sweet-CMS-Library

[@steveworrell]

Hey. Great video. Is there a way to filter with buttons?

[@Finsweet]

Thanks!!! Yes, have a look at this walkthrough - kzbin.info/www/bejne/pWK2ZoyEhN2afLs

[@maciekfilipowicz3877]

Thank you very much, you're literally saving my ass with this! :D I do have a question, is it possible to set up a multiple search boxes that look for different pieces of information? Let's say I want to have a search filter for only name, then state and region. Can I somehow link them to look for the specific parameters instead of taking in consideration all the text that is there?

[@Finsweet]

You're welcome! Yes, this is possible with filterByClass option. Check out - cmsdocs-howto.webflow.io/filter/example9

[@rtanaka]

Hi F'in Sweet, this is super cool. I think I'm close to getting it to work on my Webflow site, but there's a bug or two I can't locate. Just reached out via Slack :)

[@Finsweet]

🙌

[@EljPhotoyt]

Doesn't work for me

[@howtopee2892]

Can somebody help me