You shouldve tagged the part one to this video. I am struggling to find the correct video that referencing how to build dynamic buttons to connect to items to display
this is amazing. I'm looking to create a dynamic drop-down menu that filters by categories just like this. How would you create a custom drop-down menu in WF out of the categories you have in the "filter-dynamic list" element (Life Changing, Funny, Cool, etc)?
Hey, Nicola! It's not possible to filter with Webflow pagination yet. However, you can load all of the items from a single collection in one dynamic list and filter from there.
@@nicolatoledo Check out Load All, we've got 500 items in a CMS collection that Load together - ua-cam.com/video/jGNMvu7kVWY/v-deo.html and Complex Filter system - ua-cam.com/video/o1S5YNOxgFY/v-deo.html
Hey guys! thank you so much, this is so helpful. I was wondering if it was possible to filter on page load instead of click of a button? I tried looking into the source code but haven't figured out a way yet... THanks!!
super nice mazing work, I added the i've made all my collection and categories correct, BUT still when I click on a category it jumps to the category page template instead of stay as a filter. I think webflow is not made for complex ecommerce, also when I add custom filter to the products for example minimum value for purchase it works only for the product template and i cant have just one page with all the products and my filter categories with the custom filters.
I love this and followed it exactly, but it's not working :( I copied every single class exactly as your video plus the code in the page settings. Where's the right place to ask for help related to this Webflow hack?
Is it possible to have a default state that presents the collection filtered by one of the category-buttons? Meaning I want to not show the entire collection at any time. Thanks :)
what a brilliant! Your pronounce and description is clear and smart. I did it just 10min. One question, when I have a button at another page(not a filter page) how can I link this button to filtered page? for example, is there a shortcut address for each filtered page?
Hey, Thanks for your tutorial. I am still really stuck on where to find this addon code. I have basically got all of my filter buttons using the same filter-by element so that it basically just shows and hides everything. Cannot for the life of me find it anywhere on your website. Could you help? H
Hello! Thank you for the video!! It helped me a lot! I have a question about filters. For example, I have 3 filters. When I use 1 it is ok but then I select another filter and it shows only the products with both these filters. How can I select 2nd filter and clean first, then select 3rd filter and clean filter 1 and 2. Because after missing and coming to the 3rd filter it already shows 0 products ) Thank you in advance. I have a question about pagination. Is it possible to show both buttons together? Because In the beginning, I see only next button, then on page 2 both and last page only previous button. I need both buttons visible in the beginning.
Hey!! You're welcome!!! Filters - check this walkthrough ua-cam.com/video/6bgU2KpCUWk/v-deo.html Pagination - it's not possible to show the Previous button at the beginning because the collection is displaying the first set of items. Just like the Next button is not displayed when you get to the end of the collection list because there are no further items to display.
You can accomplish similar tasks with both tools, however there is no monthly cost associated with Finsweet filters and we offer a bit more nuance in the level of customization on the filters as well as an entire library of addons that work with the filters as well as free support over at sweetjs.io
Hi! thanks for this. could you explain how you set the buttons animation? I'm trying to have the button to change color when selected but I'm not sure how you did it. In my project when I click on a different button the previous one doesn't go back to it's normal state.
I am sick of having to use third party add ons for Webflow. Webflow touts its CMS as a primary feature, but it doesn't even have native user filtering! 2 years since this video and still no native filtering..... Webflow is half-baked and overpriced. There, I said it.
You shouldve tagged the part one to this video. I am struggling to find the correct video that referencing how to build dynamic buttons to connect to items to display
this is amazing. I'm looking to create a dynamic drop-down menu that filters by categories just like this. How would you create a custom drop-down menu in WF out of the categories you have in the "filter-dynamic list" element (Life Changing, Funny, Cool, etc)?
Message us on sweetjs.io and we'll help you with implementation!
me too, for an ecommerce site.
Awesome! I am wondering how to make the dynamic filter list first.
If you need help, message us on sweetjs.io
thanks, is possible to use with webflow cms list pagination? and also with a search input for filter categories, autor name of a blog list for example
because in your exaple the list is small, but in a real project for the blog page the posts can be a lot
Hey, Nicola! It's not possible to filter with Webflow pagination yet. However, you can load all of the items from a single collection in one dynamic list and filter from there.
@@nicolatoledo Check out Load All, we've got 500 items in a CMS collection that Load together - ua-cam.com/video/jGNMvu7kVWY/v-deo.html and Complex Filter system - ua-cam.com/video/o1S5YNOxgFY/v-deo.html
Hey guys! thank you so much, this is so helpful. I was wondering if it was possible to filter on page load instead of click of a button? I tried looking into the source code but haven't figured out a way yet... THanks!!
super nice mazing work, I added the i've made all my collection and categories correct, BUT still when I click on a category it jumps to the category page template instead of stay as a filter. I think webflow is not made for complex ecommerce, also when I add custom filter to the products for example minimum value for purchase it works only for the product template and i cant have just one page with all the products and my filter categories with the custom filters.
I love this and followed it exactly, but it's not working :( I copied every single class exactly as your video plus the code in the page settings. Where's the right place to ask for help related to this Webflow hack?
Hey! Check out this walkthrough: ua-cam.com/video/4qpHGtWp2vg/v-deo.html. If you still need help, message us on sweetjs.io
Hey Austin, be sure to put your filter buttons into a "filters-wrapper" div ! Then trash your caches and reload ! It worked for me. Cheers !
How can I set first filter to be default (filter by all) with visible active class to the button? Thanks!
We do not offer support through UA-cam comments but jump over to sweetjs.io where we offer free support for these types of issues.
Is it possible to have a default state that presents the collection filtered by one of the category-buttons? Meaning I want to not show the entire collection at any time. Thanks :)
Hey! Check this out - cmsdocs.webflow.io/add-ons#add1
what a brilliant! Your pronounce and description is clear and smart. I did it just 10min. One question, when I have a button at another page(not a filter page) how can I link this button to filtered page? for example, is there a shortcut address for each filtered page?
Hey! Just seeing this comment now. This sounds like a good opportunity for link queries. We have an add-on script for this! Go to sweetjs.io for more!
Hey,
Thanks for your tutorial. I am still really stuck on where to find this addon code. I have basically got all of my filter buttons using the same filter-by element so that it basically just shows and hides everything.
Cannot for the life of me find it anywhere on your website. Could you help?
H
Hey Harry! The add-on code should be in the clonable site inside the example. You can also find it here: cmsdocs.webflow.io/add-ons
Hi there! This is amazing!, Is there any way to make it work with checkboxes? Thanks!
Hey Luis! This may be possible. Checkboxes in an embed may work here. Go to sweetjs.io. We may be able to set this up for you
Thanks guys! It worked like a charm 👌
@@Finsweet Is ist still the possibility to reach you, guys? Slack doesn't work anymore. I had the same question with checkboxes. Thanks
Hello! Thank you for the video!! It helped me a lot! I have a question about filters. For example, I have 3 filters. When I use 1 it is ok but then I select another filter and it shows only the products with both these filters. How can I select 2nd filter and clean first, then select 3rd filter and clean filter 1 and 2. Because after missing and coming to the 3rd filter it already shows 0 products )
Thank you in advance.
I have a question about pagination. Is it possible to show both buttons together? Because In the beginning, I see only next button, then on page 2 both and last page only previous button. I need both buttons visible in the beginning.
Hey!! You're welcome!!!
Filters - check this walkthrough ua-cam.com/video/6bgU2KpCUWk/v-deo.html
Pagination - it's not possible to show the Previous button at the beginning because the collection is displaying the first set of items. Just like the Next button is not displayed when you get to the end of the collection list because there are no further items to display.
Fantastic! Thanks for sharing this.
You're welcome!
This is amazing. And it worked for me. Thank you very much. ⚡
Great work! Much appreciated.
Whats the main difference between this type of filter and the one using Jetboost?
You can accomplish similar tasks with both tools, however there is no monthly cost associated with Finsweet filters and we offer a bit more nuance in the level of customization on the filters as well as an entire library of addons that work with the filters as well as free support over at sweetjs.io
@@Finsweet Boooom!!! #dropthemic
Hi! thanks for this. could you explain how you set the buttons animation? I'm trying to have the button to change color when selected but I'm not sure how you did it. In my project when I click on a different button the previous one doesn't go back to it's normal state.
Hey! You're welcome! You need to add a combo class called .filter-active. This would define how the button looks like when it's selected!
I am sick of having to use third party add ons for Webflow. Webflow touts its CMS as a primary feature, but it doesn't even have native user filtering! 2 years since this video and still no native filtering..... Webflow is half-baked and overpriced. There, I said it.
this is real shit
This video is way too long for no reason