Is there a way to filter for more than 100 items on the first page using Finsweet Attributes in Webflow?

Published on
September 22, 2023

Yes, there is a way to filter for more than 100 items on the first page using Finsweet Attributes in Webflow. Finsweet Attributes is a powerful set of features that can extend the functionality of Webflow's CMS.

To filter for more than 100 items on the first page using Finsweet Attributes, you can follow these steps:

  1. Install the Finsweet Attributes script: Start by adding the Finsweet Attributes script to your Webflow project. You can find the script in the Finsweet documentation and add it to your site's custom code section.

  2. Set the data-total attribute: In your CMS Collection List or Collection List Wrapper element, add the attribute data-total and set its value to the total number of items you have in your collection.

  3. Implement pagination: Next, you need to implement pagination on your site to allow users to navigate through multiple pages. You can do this by using Finsweet's Custom Pagination attribute. Add the data-pagination attribute to your Collection List or Collection List Wrapper element and set its value to "true".

  4. Set the data-base attribute: Determine the number of items you want to show on each page and set it as the value for the data-base attribute. For example, if you want to show 200 items on each page, set data-base="200".

  5. Style the pagination buttons: Finsweet provides default styling for the pagination buttons, but you can customize their appearance to match your site's design. Use the provided CSS classes to style the pagination buttons as needed.

By following these steps, you can filter for more than 100 items on the first page using Finsweet Attributes in Webflow. This allows you to create a more efficient and user-friendly browsing experience for your website visitors.

Additional Questions:

  1. How do I add the Finsweet Attributes script to my Webflow project?
  2. Can I customize the pagination buttons in Finsweet Attributes?
  3. Are there any limits to the number of items that can be filtered using Finsweet Attributes?