Webflow CMS Filtering with No Code

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 พ.ย. 2024

ความคิดเห็น • 66

  • @paige.aileen
    @paige.aileen หลายเดือนก่อน +2

    Thank you very much for this video! I am so happy to have a thorough explanation of finsweet/attributes and how to use them! Here are some tips for people who might have run into the same problems I did and how I fixed them:
    ⭐Changing the filters into buttons: Instead of using a checkbox, I used a radio button and then added the class I use for my buttons to the radio text field. Set the actual radio Display to "None" under Layout. If you use checkboxes, it'll make the filtering crazy because each time you click the button, it is technically checking/unchecking and therefore filtering/unfiltering that term.
    ⭐Empty state: To ensure that the empty state is hidden unless it's actually necessary, make sure to add the custom attribute to the paragraph (or whatever you placed inside the div block) instead of the div block itself.

  • @NoahJennings
    @NoahJennings 11 หลายเดือนก่อน

    The way you explained exactly how it worked by pulling the same text from the objects was awesome. Helped me customize a solution for a website I'm building. Thank you!

    • @RuairiMcNicholasIE
      @RuairiMcNicholasIE  11 หลายเดือนก่อน

      You are most welcome! Glad you found it useful.

  • @studiotozo
    @studiotozo ปีที่แล้ว +6

    You are one of the best instructors. You do not miss a step I how this is set up and your pace is great for folks that are just learning how to incorporate FinSweet products. It's a challenge to figure out what attributes need to go where, etc on your own when you are just starting. Thanks so much for these videos.

    • @RuairiMcNicholasIE
      @RuairiMcNicholasIE  ปีที่แล้ว

      Very happy reading this, thank you! Glad you found it of value.

  • @christophkock515
    @christophkock515 9 หลายเดือนก่อน +1

    I was exactly looking for this, thanks Ruairi. Your tutorial is straightforward and clear. You made my day, pal.

  • @billyrooney2009acro
    @billyrooney2009acro ปีที่แล้ว +5

    This was an absolute god send, I was totally struggling with this one issue for a long time, thank you for going through that so clearly and concisely. I couldn't make head nor tale of Finsweet's documentation, but seeing this video totally demystified all of it. Thank you sincerely

    • @RuairiMcNicholasIE
      @RuairiMcNicholasIE  ปีที่แล้ว +1

      Delighted to hear that Billy! Feedback like this really makes my day :)

  • @infiltretor287
    @infiltretor287 ปีที่แล้ว +3

    Thank you! I don’t know why, but watching you made this all come together so easily!

  • @lorenaalonso6791
    @lorenaalonso6791 ปีที่แล้ว +2

    Oh my God, I finally found a video where you explain it perfectly, and it worked for me the first time. Thank you so much, really.

  • @CraftByte-d7f
    @CraftByte-d7f ปีที่แล้ว +2

    Ruairi, you're an amazing instructor, your videos are priceless, and gave me an incredible progress as a no-coder. Thank you and don't stop!

  • @MVgaan
    @MVgaan 8 หลายเดือนก่อน +1

    Not commenting a lot, but this was just perfect from what I needed! Thanks for your video

  • @GregDolan
    @GregDolan ปีที่แล้ว +4

    Great video Ruairi. Would love to see more of these for the other attributes. Perfect length and straight to the point. Exactly what I needed to get moving on a project quickly 💪

    • @RuairiMcNicholasIE
      @RuairiMcNicholasIE  ปีที่แล้ว +1

      Thanks for the feedback Greg, glad you found it useful! More Attributes videos to come.

  • @davidlotz467
    @davidlotz467 3 หลายเดือนก่อน

    Exactly what I was looking for. Excellent instruction

  • @nitaci7246
    @nitaci7246 7 หลายเดือนก่อน +1

    Brilliant. Just brilliant bruv. Liked and subscribed in a split second after watching.

  • @hcorneliusson2424
    @hcorneliusson2424 ปีที่แล้ว +2

    Hey Ruairi! Thank you so much for this. I went through Finsweets tutorial but i didn't understand anything haha. You were very educative and celar in what to do! Thank you so much! Cheers from Sweden :)

  • @iamtommyok
    @iamtommyok ปีที่แล้ว +1

    6:20 for the big tip! Awesome content!

  • @frajack
    @frajack 4 หลายเดือนก่อน

    Wow! I was spending the whole morning trying to figure this out and you made it SO clear in a few minutes! You're amazing. One question: I suppose this solution works one filter at a time. Is there any chance or do you have any suggestions or other tutorials you made for multiple crossed filters? Like I want to filter a trip by country AND by price range. Thank you in advance for your kind response! And thank you for your good work! Keep it up

  • @dantecardines
    @dantecardines ปีที่แล้ว +1

    You're a rockstar.

  • @johntrabelsi6066
    @johntrabelsi6066 2 หลายเดือนก่อน

    SUPER helpful!! Thank you!!

  • @hiroyukinumaguchi1984
    @hiroyukinumaguchi1984 ปีที่แล้ว +1

    Great! Thank you!

  • @lasloandriessen-kz8wf
    @lasloandriessen-kz8wf 9 หลายเดือนก่อน

    When I add the checkboxes to my filter UI and connect it to the dedicated CMS field, it created 40 checkboxes (because I have 40 collection items) with duplicate values.
    For example: I have 4 vacanies. 3 of them are in the sector "production", and 1 in "sales".
    Now i connect the filter UI checkbox to the sectors: I get 3 checkboxes with "production and 1 with "sales".

  • @dianapetrescu7983
    @dianapetrescu7983 ปีที่แล้ว +1

    merci beaucoup ! vidéo claire et très utile. j'ai réussi la mise en place du filtre sur Webflow.

  • @thoythoy9385
    @thoythoy9385 ปีที่แล้ว +1

    Merci beaucoup, tu es le seul à bien expliquer comment ça marche 🎉

    • @RuairiMcNicholasIE
      @RuairiMcNicholasIE  ปีที่แล้ว

      Vous êtes le bienvenu mon bonhomme, content que cela vous ait été utile!

  • @vasu9760
    @vasu9760 ปีที่แล้ว

    This is damn next level, thanks Ruairi 👍

    • @RuairiMcNicholasIE
      @RuairiMcNicholasIE  ปีที่แล้ว

      Thank you! Always striving to go up a level each time!

  • @kenlamb4430
    @kenlamb4430 11 หลายเดือนก่อน +1

    Ruairi, thank you for this video. Your explanation and walk-though is exactly what I spent a day looking for. The process really is quite simple, however, to someone just starting out learning Webflow the documentation from finsweet --while logically correct-- obviously could use a bit more. This video solved the problem, thank you again. If you are actually reading comments, is it possible for the Category Checkbox Filter text items to be CMS as well?

    • @RuairiMcNicholasIE
      @RuairiMcNicholasIE  11 หลายเดือนก่อน

      Thank you sir! Glad you found it useful. I haven't tried using CMS items as checkbox filters but I am pretty sure this will work for you!

    • @kenlamb4430
      @kenlamb4430 11 หลายเดือนก่อน

      Using CMS...Cannot get it to filter more than one reference when LIST is based off CMS. Probably requires custom coding. -- I am new to all this, I understand the language I simply do not know the Jargon. I believe is a Non-Reference or Circular reference is what i can figure;. X + Y =Z, right? but each element is variable so the result is One or Null if select more than one on Y.

  • @alan_poser
    @alan_poser 6 หลายเดือนก่อน

    Thank you so much for the tutorial. It was helpful. Is there a limit on the number of cms items that can be displayed in filter? Some of my cms items aren't displaying using the filter

  • @GLO_studios
    @GLO_studios 9 หลายเดือนก่อน

    good stuff bro. u savedd me

  • @izac7442
    @izac7442 ปีที่แล้ว +1

    thanks bro, this helps a lot

  • @AndreaMercado-l2w
    @AndreaMercado-l2w ปีที่แล้ว

    This is really a big help. It's easy to understand. Just a question, how can I apply the filter to all pages? What mean is I have a blog page with 30 blogs and it consists of 12 blogs the remaining will be seen on the next page. How I can apply the filter on all 30 blogs without going to the next page. It seems like it can only filter the page where I am right now. Hope you can help me :)

  • @PredragNegrievski
    @PredragNegrievski 7 หลายเดือนก่อน

    Thanks a lot! This is awesome.

  • @fiercevideos7519
    @fiercevideos7519 ปีที่แล้ว +1

    Hi! Thank you for this video! I am using a select field to filter my CMS and it's working fine. However, do you happen to know if it is possible to add a clear filter to one of the checkbox options? I basically want a "show all" option in the dropdown. Thanks!

    • @RuairiMcNicholasIE
      @RuairiMcNicholasIE  ปีที่แล้ว

      You are most welcome!
      Yes you can clear filters - take a look at their documentation and go to the part that says 'CLEAR', then follow the instructions :)
      finsweet.com/attributes/cms-filter

  • @coltongray5674
    @coltongray5674 ปีที่แล้ว

    Hey, great tutorial! Do you know if there is a way where I can have it set so that if a user clicks one category and then clicks another category the first category selected will be unchecked so that only the category that was clicked second will display?

    • @RuairiMcNicholasIE
      @RuairiMcNicholasIE  ปีที่แล้ว

      Thanks, glad you liked it!
      I reckon you would need to use Javascript for this.
      What you likely need here though is to use Radio Buttons instead of Checkboxes (if that's what you're doing) since Radio Buttons are designed to work how you are describing :)

  • @fabi.bri2
    @fabi.bri2 ปีที่แล้ว +1

    Hello Ruairi, your video is very good and was very didactic. I was able to apply the filter to a group successfully. And how do you cross multiple categories?

    • @RuairiMcNicholasIE
      @RuairiMcNicholasIE  ปีที่แล้ว

      Glad it was helpful! Can you tell me more about what you mean by 'cross multiple categories'?

    • @daynabrick4848
      @daynabrick4848 ปีที่แล้ว

      @@RuairiMcNicholasIE I think he meant how can we have items appear in both categories that it applies to? For example how can it show up in results in both web development and sales when we just reference the 1 attribute

  • @jelenajovanovic1472
    @jelenajovanovic1472 ปีที่แล้ว +1

    Thanks for this video 👋

  • @polmaliv
    @polmaliv ปีที่แล้ว +1

    Hi. Very cool video, practically did what I need, but there is one problem. I have a collection list with pagination, the blog has over 250 posts and it shows up to 15 pieces per page. The filtering only works on the current page of 15 posts, not on all 250 posts. Is it possible to adjust this? Thanks

    • @RuairiMcNicholasIE
      @RuairiMcNicholasIE  ปีที่แล้ว +1

      Thanks for the feedback!
      I believe you need to use another Attributes solution, CMS Load, to get it working with Pagination:
      finsweet.com/attributes/cms-load

  • @michalcermak516
    @michalcermak516 ปีที่แล้ว +1

    Hi, great video. Exactly what I was looking for. May I ask If this would also work with 2 different filters at once ? For example: 1. category: SEO, 2. payment option: Free. Thanks

    • @RuairiMcNicholasIE
      @RuairiMcNicholasIE  ปีที่แล้ว +1

      Glad you found it useful. Yes you can combine many filters together :)

    • @michalcermak516
      @michalcermak516 ปีที่แล้ว

      @@RuairiMcNicholasIE Thanks

  • @Shmshdmc
    @Shmshdmc ปีที่แล้ว

    Thanks for this video

  • @davidjukic5777
    @davidjukic5777 ปีที่แล้ว +1

    Hi guys. I have a problem. I did everything like in the video but when I publish the page and select a checkbox, all blog posts disappear.

    • @RuairiMcNicholasIE
      @RuairiMcNicholasIE  ปีที่แล้ว

      Probably a mismatch between the custom attribute you assigned to the checkbox label and the relevant field in the CMS.
      Try
      1: Using Finsweet's automated support tool to check everything is set up correctly
      2: Reading through the 'Field Identifier' part of their docs and checking you have it set up correctly: finsweet.com/attributes/cms-filter

    • @davidjukic5777
      @davidjukic5777 ปีที่แล้ว

      @@RuairiMcNicholasIE Yup, my fault, sry and thanks

  • @billygiang-e2d
    @billygiang-e2d ปีที่แล้ว

    If I hide the textfields with the Category it won't appear on the site, but if its visible the filter works perfectly do you know why?

    • @RuairiMcNicholasIE
      @RuairiMcNicholasIE  ปีที่แล้ว

      Not sure to be honest - have you tried automated support?

  • @rajas8577
    @rajas8577 7 หลายเดือนก่อน +1

    will this work for framer?

  • @goldenant9450
    @goldenant9450 3 หลายเดือนก่อน

    🐝🐝🐝🐝🐝no-code 🐝🐝🐝🐝🐝