F'in sweet CMS Library for Webflow!

Yes, unfortunately I already checked and figured it out. This is a huge problem. I saw only 1 filter “mixitup filter”, which allows you to create pagination and filter all products on all pages. The cost of this filter is only $ 20, but I would like to use exclusively web flow services for this implementation. Are you planning to create the possibility of “pagination and filter at the same time”?

Hey @George_Ershov - We are working inside the limitations of Webflow. If it was technically possible for us to build Load More + Filter, we would build it. Our front-end Library will not be able to do this. You may be able to paginate with Mixitup, but this is not loading more items on the page. Our Library was built specifically as an alternative to Mixitup and Isotope for Webflow.

What a great library, looks great, thank you!

Looking to use combine on two collection lists. Do you know why it’s combining my two collection lists perfectly but then leaving a duplicate of the second collection list below?

<script src="https://cdn.finsweet.com/files/cmslibrary-v1.3.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 todaysEvents = new FsLibrary('.todays-events')

  // run the combine Library component on your instance
  todaysEvents.combine()

})();
</script>

Both lists have the class of ‘todays-events’. And the code is before the end body tag.

Thanks.

Hey @cbg - Please share a url so I can check it out

Ok, I’ve now created two examples to show the issues I have with combine. Has anyone else got it to work and can you show an example?

One works and one doesn’t, can’t for the life of me understand why. I think I’ve compared everything, please tell me what I’ve missed?

This is based off the Finsweet clone, it works fine:
https://charlies-wondrous-project-4ca0d5.webflow.io/combine/example3
https://preview.webflow.com/preview/charlies-wondrous-project-4ca0d5?utm_medium=preview_link&utm_source=designer&utm_content=charlies-wondrous-project-4ca0d5&preview=a2dc6fcae7df6dc8bd8205089a5a37a5&pageId=5ee9faa4d12f9d3a4c1ee451&mode=preview

This one I setup from scratch, it doesn’t work properly, but everything looks the same as the above example:
https://combine-test.webflow.io
https://preview.webflow.com/preview/combine-test?utm_medium=preview_link&utm_source=designer&utm_content=combine-test&preview=dea34dfc01ffe1aaeb41512ef528df25&mode=preview

The one that doesn’t work has a console error.
TypeError: undefined is not an object (evaluating ‘window.Webflow.require(“ix2”).init’)

Absolute legend :+1:

1 Like

@Finsweet Thanks for your great work!
I have one question: I am using a search filter. Is it possible to show no items when the search text field is empty and when I type in the search field those who match the filter appear?

Hi @fiza - Welcome to the community! This should be possible! Head over to https://sweetjs.io and a javascript dev will help with this

1 Like

Hey @Finsweet

Loving the new nested collections option. I’m trying to implement it into a site currently and it seems to be working…KINDA… its listing the categories on the first few collection items and then goes blank for the remaining . I’ve deleted it down to just a couple items and the first 1 or 2 always work but the remaining always stay blank. Any clue why this would be happening? I’ve attached a screen shot of whats happening and the code I’ve used (pretty sure its identical to your clone-able version)

Thanks a million!

Hey @mackshirilla, head over to https://www.sweetjs.io/ and we will help you fix this!

@Finsweet, is there a way to have the “filter by search results” blank first, then have the necessary search results only appear once searched?

Hey, @king.k! Yes, that’s possible. Check this walkthrough - Search Filter | How To - CMS Library for Webflow - YouTube

1 Like

Hey, @Finsweet thanks you for the response, i have watched the walkthrough a few times and i still have not wrapped my head around it. Can you please give me a little step guide on how to do it.

I am trying to achieve something similar below where filter section is empty at first, but then obviously the filters will then appear when a search has been made

Hey, @king.k! Send us a message on SweetJS and one of our devs will help you out!

Hey, first of all thank you for creating and sharing this library for free. It has helped me out a ton! I have one question about the filters: Is it possible to set one filter as the active filter from the start?

Like if you have a set of category filters (all, category 1, category 2, category 3, etc.) and want the “all” one to be active from the second you load the page. You can fake it by adding the activeClass to the filter but the class doesn’t go away when a different filter is clicked.

1 Like

Hey, @av_HD! You’re welcome!!! :blush: You can do this with CMS Library Add-ons.

Hello! Is it possible to add this filter in a header symbol, so that every time I want to search for an item, it redirects me to the filter page? Of course when I do this the whole page is refreshed so I lose the input value, any suggestions? I thought about saving this value, and after instantiating the library add it to the “value” attribute, but it doesn’t seem to work. My question is, is this the value used to filter the items in the list?

I would greatly appreciate your prompt reply.

Thanks for all your hard work on this library – it truly is a game changer when it comes to Webflow CMS collections!

@Finsweet is it possible to link directly to a filter pre-selected on the page? Something similar to the hashFilter function that’s available in Isotope, e.g. www.mywebsite.com/library#filter=.cars

I love the Visual Script Writer, and I can see using it for many project in the future, but most of my projects have need url Hash functionality with the CMS filtering.

Thanks,
Caleb

2 Likes

@Finsweet I have a question, is it possible to combine the Load more button for 2 collections at once? so that when you click on one load more button the function will be executed for 2 different collections at once https://preview.webflow.com/preview/wlpr?utm_medium=preview_link&utm_source=designer&utm_content=wlpr&preview=4c3c84c47772a08832db0851130b9fa2&mode=preview

Hey @Finsweet I tried using two paginations with 2 different cms on same page, seems like the first one is working but on the second cms, the previous button doesnt show up and next button is not working, Could you please help me in that!!

1 Like