Build advanced Webflow filters faster!

#nocode #relume #webflow
Finsweet has created an attributes system that extends the abilities of Webflow and allows you to create incredible experiences easily. At the time of recording this, Relume has made components that already have the attributes baked into the components so build times of these extended features are even faster!
In this video I am walking through the dynamic filtering for finsweet attributes and webflow and quickly adding it into a client project I am working on
Attributes:
www.finsweet.c...
Relume:
library.relume...
Our Site:
gammadesign.co

[@ranjitmudhar3611]

Im trying to find a possibility to filter different variants from ecommerce based on Size or Color. Do you have any ideas? I can not pull in the product options details

[@flightdeck1601]

Very helpful, thanks 👊

[@gammadesignco4102]

Glad it was helpful!

[@cindyluvbug]

Thanks for this! I was trying to get my blog filters working using this method, but the instructions were definitely not user-friendly, at least not at my Javascript level. The only thing I found troublesome was the fact that your avatar was hiding the relevant part of the navigator when you were moving the collection list into the filter component...there was a lot of pausing and back-tracking needed to understand that part. Appreciated and subscribed 😊

[@gammadesignco4102]

Oh dang thanks for the feedback! I’ll keep that in mind for the next videos!

[@avelinileva]

Amazing! Thank you! :D

[@MenghoutUy]

Hey! Thank you very much, But on mobile when i selected the box the filter it not working, is there's anything that i can do thank you

[@denniszenanywhere]

Now that is not good. Can’t believe that they design these templates without considering mobile view.

[@cindyluvbug]

You must have something set incorrectly. It works perfectly on all viewports for me.

[@nickdingler935]

Is there a way to connect attributes that are inside the listing? For example, in your case if you wanted to filter properties by state and that info was not found on the card but is found in the detailed listing page, could you still use the custom attributes field to connect items on another page?

[@gammadesignco4102]

If it is in the cms list, yes. You can do an embed and hide it. But Finsweet has released some new attributes I’m testing and some cover your use case! I’m going to making more examples and in depth content!

[@marjokocurro6966]

Hey, thank you for the video
Is there any way to add pagination to the collection? I've tried the native way but it affects filters (filters work only on page 1) :( Would appreciate if you could let me know, thanks

[@gammadesignco4102]

It should be using the native pagination option and adding the load type = pagination attribute from the docs! But they have the support section that adds on to the end of the url that will check it the attributes are added correctly. The only thing I can think of if there is a bug.
I’d have to see how you’ve had it set up currently to see what might be the issue 🤔

[@jimlander1]

Those relume components, are they free?

[@jimlander1]

I'm ready to pay at this point but I want to know one thing, if I unsubscribe from relume, will the filter section and it's components go away as well?

[@filetmignon9978]

@@jimlander1 once you've copy pasted something from the relume library its not connected to them. It'll be a part of your webflow project as if you built it yourself. So no

[@geeksinparis]

is it shia laboeuf haha

[@shuaiyang3797]

all I heard is "ok", "alright". i would say you are a very good web developer but not very good at teaching it. anyway thanks for sharing.

[@rejyjosephroc1244]

exact

[@gammadesignco4102]

Thank you for the feedback! This is one of my earlier videos teaching so I am trying to improve 🙏