Load More

Example 6: Pagination

Create a custom pagination element to use with CMS Library Load More component. Works with Filter!

See Finsweet
Walkthrough

What we will cover

The structure of our CMS Collection List
Inserting the pagination element inside a div on the page
The paginate option inside the.loadmore() component keep your loaded items inside pagination.

Project 1

Branding, Web Design

Project 2

Branding

Project 3

Web Design

Project 4

Development

Project 5

Development

Project 6

Motion Graphics

Project 7

Branding

Project 8

Web Design

Project 9

Web Design, Development

Project 10

Web Design, Development

Project 11

Strategy Consulting

Project 12

Web Design, Development

Project 13

Web Design

Project 14

Strategy Consulting

Project 15

Branding, Motion Graphics

Project 16

Branding, Web Design

Project 17

Strategy Consulting

Project 18

Branding, Web Design

Project 19

Branding, Web Design

Project 20

Branding, Web Design

Project 21

Branding, Strategy Consulting

Project 22

Branding, Strategy Consulting

Project 23

Motion Graphics

Project 24

Motion Graphics

Project 25

Branding, Web Design

Project 26

Branding

Project 27

Web Design

Project 28

Development

Project 29

Development

Project 30

Motion Graphics

Project 31

Branding

Project 32

Web Design

Project 33

Web Design, Development

Project 34

Web Design, Development

Project 35

Strategy Consulting

Project 36

Web Design, Development

Project 37

Web Design

Project 38

Strategy Consulting

Project 39

Branding, Motion Graphics

Project 40

Branding, Web Design

Project 41

Strategy Consulting

Project 42

Branding, Web Design

Project 43

Branding, Web Design

Project 44

Branding, Web Design

Project 45

Branding, Strategy Consulting

Project 46

Branding, Strategy Consulting

Project 47

Motion Graphics

Project 48

Motion Graphics

Project 49

Branding, Web Design

Project 50

Branding

Project 51

Web Design

Project 52

Development

Project 53

Development

Project 54

Motion Graphics

Project 55

Branding

Project 56

Web Design

Project 57

Web Design, Development

Project 58

Web Design, Development

Project 59

Strategy Consulting

Project 60

Web Design, Development

Project 61

Web Design

Project 62

Strategy Consulting

Project 63

Branding, Motion Graphics

Project 64

Branding, Web Design

Project 65

Strategy Consulting

Project 66

Branding, Web Design

Project 67

Branding, Web Design

Project 68

Branding, Web Design

Project 69

Branding, Strategy Consulting

Project 70

Branding, Strategy Consulting

Project 71

Motion Graphics

Project 72

Motion Graphics

Project 73

Branding, Web Design

Project 74

Branding

Project 75

Web Design

Project 76

Development

Project 77

Development

Project 78

Motion Graphics

Project 79

Branding

Project 80

Web Design

Project 81

Web Design, Development

Project 82

Web Design, Development

Project 83

Strategy Consulting

Project 84

Web Design, Development

Project 85

Web Design

Project 86

Strategy Consulting

Project 87

Branding, Motion Graphics

Project 88

Branding, Web Design

Project 89

Strategy Consulting

Project 90

Branding, Web Design

Project 91

Branding, Web Design

Project 92

Branding, Web Design

Project 93

Branding, Strategy Consulting

Project 94

Branding, Strategy Consulting

Project 95

Motion Graphics

Project 96

Motion Graphics

Project 97

Branding, Web Design

Project 98

Branding

Project 99

Web Design

Project 100

Development

This "Loading more items..." button will disappear as there are no more items left to load!

You are almost there! Clone this template by clicking the link above. Learn, play around, test, use your own content, and have fun.

You can delete all .delete-me divs! All of the How-To content is in the .clonable divs.