Hi,
I have added a filter using Finsweet Visual Script Writer,(Visual Script Writer for CMS Library for Webflow) for my website Far North Escapes . But I can’t seem to filter more than 4 buttons. I have used the following instructions at Webflow Filter - F’in sweet CMS Library (finsweet.com). But you can see with my script below, it only allows 4 filter groups to be defined, so only of the 4 buttons are working. How do I make these 6 filter groups? Any help would be greatly appreciated.
<!-- F'in sweet CMS Library for Webflow -->
<script src="https://cdn.jsdelivr.net/npm/@finsweet/cms-library@1/cms-library.js"></script>
<script>
// immediately/self invoked function. This function executes right away
(function() {
// create a new Library instance and store it in a variable called "customBlogPosts"
var customAllTours = new FsLibrary('.cms-all-tour-collection')
// define 4 filter groups in an array and store it in a variable called myFilters
var myFilters = [{
filterWrapper: ".cms-all-tour-filter-group", // parent wrapper of filter group1
filterType: "exclusive"
}]
// run the filter Library component on your instance
customAllTours.filter({
filterArray: myFilters, // variable of the array we created above
activeClass: 'filter-button-active', // class that styles the active state (optional)
emptyMessage: '.empty-message',
filterReset: '.filter-reset-master',
animation: {
enable: true,
}
})
})();
</script>
Here is my public share link: LINK
(how to access public share link)