Download thousands of design resources. Explore high-quality UI designs
Easy website editor for developers. Build your own website in minutes.
Hire us & Build Your Business. We craft your idea into live.
All in One Graphics Assets Plugin For WordPress.
Let's work together to turn your dream project into a reality.
Chrome Extension
Dynamic Webflow CMS Pagination with the best collection
Cloneable
Documentation
Copy the CMS pagination <script> and paste into the <before closing body> of your page
<script src="https://flowgiri.com/js-library/cms-pagination.min.js"></script>
1. In Webflow, create a dynamic collection and add the desired fields to it.
2. Create a CMS Collection Page that displays the dynamic content using a Collection List element and add flowgiri-pagination-control attribute to the collection list wrapper and pass the attribute value as load-more
Name:
flowgiri-pagination-control
Value:
"load-more"
3. Enable pagination option
4. Add a button and add flowgiri-load-more attribute to the button. When click on this button the content will load.
flowgiri-load-more
" "
5. If you want infinite scroll to load data then pass the value as infinite in the flowgiri-pagination-control attribute. In this time no need to create a button. This infinite will automatically load data when scroll down.
"infinite"