Combine

Combine Collection Items from multiple CMS Dynamic Lists into one single Collection List

Scroll

Use cases

Have more than 100 Collection Items in a single Collection List

You need to display more than 100 Collection Item in a single Collection List. This is extra helpful when you are running filters on a Collection List and need to prevent white space created from having multiple collection lists.

Put Collection Items from different CMS Collections in the same Collection List

For example you have CMS Collections for “Case Studies”, “Testimonials”, and “Blog Posts”. You want users to be able to filter between all 3 Collection Lists in a single filter system.

How to use it

Paste before </body> tag of the page you're working with.

Copy code

<script src="https://cdn.finsweet.com/files/cmslibrary-v1.8.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 customBlogPosts = new FsLibrary('.blog-posts-list')
‍
  // run the combine Library component on your instance
  customBlogPosts.combine()
‍
})();
</script>

Code explanation

customBlogPosts

The variable we created to store our Library instance. The name of the variable can be set to whatever you want.

Important: Make sure all the Collection Lists that you want to combine have the same Collection List class (.blog-posts-list in our example).

Combine video docs

Walkthrough on youtube

Video tutorial walkthrough!

Check out Clonable "How To"

Learn, explore, inspire yourself, clone, and implement