Finsweet CMS Filter Attribute - "VIEW ALL" button
Hello everyone,
I'm going crazy trying to get my "view all" button to appear selected by default, but I can't seem to do it. I've read Finsweet's documentation and I'm doing everything they tell me.
Does anyone notice where I'm making the mistake? (because clearly it's my mistake haha).
I'll leave you my preview link, thank you!
https://preview.webflow.com/preview/digitalsense-2024?utm_medium=preview_link&utm_source=designer&utm_content=digitalsense-2024&preview=3cb5444222a0234106a0d01aa67f345b&pageId=65cb9731c51152dd129f0f82&locale=en&workflow=preview
11 Replies
Hey @Ander , which page are you trying to run the filter on? Can't seem to find it straight away
Also, despite the name "All" I think how you actually want it to act is as a clear button, this might be a simple fix π
Nevermind I found where you had it and you are using clear, guess I should have started this by asking if you got it working or still having problems haha
Hey @AtomicZBRA , thanks for your reply, yes, the page is: https://digitalsense-2024.webflow.io/success-stories
I can't find a way to keep "View all" selected when you load the page and unselected when you select other filter :S
I feel like it's working for me, check out this loom and let me know if I'm missing something
https://www.loom.com/share/75b6eb75840644869a84248076c4494f?sid=87f3aa61-c5db-427b-89f4-1458dfc61f3e
Loom
Conditional Filter Check
In this video, I explain the page loading process and how it affects the default selection. I demonstrate how clicking through the page affects the selection. I also provide important information about the default selection and its impact. Please watch the video to understand the page loading process and the default selection better.
Thank you so much for your loom!
I can make the "checked" by default, but I can't add the "active" class. I explain it better in this loom:
https://www.loom.com/share/fb1fc66c3d0e4b059b25a68eaf2b9c70?sid=5a207d82-e34c-47e1-9bfc-f675ace0af0c
Loom
View All button
Gotchaaaa, okay now I understand your issue, let me take a deeper look π
Not sure if my last message sent so just going to send it again haha
So after some more experimentation with this I think I've found that finsweet wants the clear button to be an actual button, link or text link β and therefore not really have an active class, so pretty sure this is creating some conflict but it might be worth it to ask on their support forum to see if that's the intended functionality or not.
In the meantime I've create a simple workaround for you! You can check out this loom for steps but basically what I did was remove the fs-cmsfilter-active="filter-active" fields from all of the buttons, and then I add the class back with javascript for some more control.
Loom Link: https://www.loom.com/share/bad948fcb6924e65bb39ce119ac5a4c8?sid=c33ee874-de3c-47ff-b963-3666337f00fa
Loom
Solution for Clear Buttons
Hey, I found a solution for the issue with the clear buttons. It seems that they are expecting a natural button instead of a radio field. Although there are no specific instructions, I made a workaround by removing the FSCMS filter active and adding a JavaScript function to handle the click event. Check out the video for more details. Action req...
For some reason I can't paste the js snippet here so it's in the description of the loom video, let me know if you have any problems implementing it!
Thank you so much, Patrick! It's exactly what I was looking for. It's strange that the folks at Finsweet didn't have it completed, but your solution is simply perfect! You really helped me a lot π
I think it is completed, just not meant for your exact usecase, but I'm happy that my solution helped! π