I’ve built this project to filter the cards shown based off which ‘generation’ button you’ve clicked. For each of these, I want to be able to dynamically sort the CMS cards shown based off which generation button is currently active. I’m using Finsweet Filter.
I’ve tried creating fields for each cards importance level for each generation in the CMS but I can’t figure out how to sort dynamically off that or if it’s even the right way of going about this. Any ideas on what to do?
Here’s the CMS importance levels. This one’s for the ‘Chariot’ card:
Sadly Finsweet CMS Filter and Sort don’t seem to work together. I can’t get both working at the same time as there’s no cross over on the trigger options.
Sort can’t use a regular button and Filter can’t use a radio button.
I’ve never encountered an issue, but I often use script when I want a specific setup with a specific trigger.
I recall FS has some notes on that, e.g. initializing sort to a specific sort default with script, but it’s been awhile since I’ve looked.
Check Finsweet’s API pages as well.
If you need a custom build and need someone to do the programming bits, message me for rates- but I’d think Finsweet’s docs should see you through this.
I might have an idea that could work for you. I didn’t test it though… so it only works in my head so far ;-)
CMS list setup
First you go to the CMS list of your cards and create a new number-field for every generation so that you can enter the priority number (1-3) for every generation to all the cards. So at the end you have the following CMS-fields:
Card Title
Card Subject
Priority Gen Alpha (here you can enter a number from 1 to 3)
Priority Gen Z (here you can enter a number from 1 to 3)
Priority Millenial (here you can enter a number from 1 to 3)
Priority Gen X (here you can enter a number from 1 to 3)
Priority Boomer+ (here you can enter a number from 1 to 3)
Add sort buttons to canvas
Then you go to the canvas and create multiple sort buttons (a button for every generation which sorts the cards by the priority number) and also add the filter buttons as you did already.
Mirror click from filter to sort button
Now the goal is that when you click on the filter it automatically triggers the correct sort-button aswell. You can achieve this by using the Click-Mirror feature of Finsweet (Mirror Click Events - Mirror a click from one element to another).
You can map the click on each filter button to the corresponding sort-button.
Hide sort buttons
At the end you can hide the sort buttons so that they just stay functional in the background but they are not visible to the user.
I hope I understood your problem correctly. If not – feel free to correct me
