Limit Collection lists

Limit the number of items in Collection lists.

cms-dynamic-content
This video features an old UI. Updated version coming soon!
This video features a third-party integration, and the UI may not be up to date. Visit their documentation for up-to-date info!

By default, a collection list displays 100 items from that collection it is connected to. You can choose how many items to display by setting an item limit. You can display more than 100 items by enabling pagination. Limiting items is available in Collection list settings in the Element settings panel (D).

In this lesson
  1. Limiting the number of items in a list
  2. Setting the first item in a list
  3. ‍Displaying more than 100 items per collection list

Limiting the number of items in a list

You can also limit the number of items you want to display in a given collection list.

  1. Select the collection list
  2. Check limit items in Element settings (D)
  3. Set how many items to show

You can show up to 100 items for collection lists that have pagination turned off. To show more, turn pagination on. To display all the items in your collection list, leave the show field blank.

Example

Let’s say you want to create a section called “Other Blog posts” at the end of each blog post page, but you don’t want to feature all the blog posts. You can add a collection list connected to the blog posts and set the limit to, for example, 4 blog posts. This will show only 4 blog posts in the list.

Here, it will be useful to hide the current blog post using filters. You can also set a sort order to show only recent blog posts or to show random blog posts.

Learn more: Filtering collection lists

Setting the first item in a list

When you check the Limit items checkbox, you get another very useful setting option which allows you to set the first item in your list. Coupled with the limiting option, this option allows you to create different layouts with multiple collection lists.

Displaying more than 100 items per collection list

A collection list can show up to 100 items at a time. If you have more than 100 items in a collection and you wish to display them all on one page, you can do that in one of two ways:

  1. Paginate the collection list:
  1. Use multiple collection lists on the page and set the first item for those lists, like this:
  • Duplicate your collection list
  • Select the new list that now appears below the first list
  • Set the Start at value to 101. Repeat, if you have more than 200 items in your collection.

The box model assessment

Get 100% and receive a badge – Login/sign up here

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

A box that contains other boxes inside is called __ and the boxes inside another box are called __

The box model assessment

Get 100% and receive a badge – Login/sign up here

The box model assessment

Get 100% and receive a badge – Login/sign up here

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

If you drag an element onto an empty canvas in Webflow, where will it automatically be placed?

The box model assessment

Get 100% and receive a badge – Login/sign up here

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

Which CSS property affects the the outside of an element?

The box model assessment

Get 100% and receive a badge – Login/sign up here

The box model assessment

Get 100% and receive a badge – Login/sign up here

HTML/CSS assessment

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

HTML/CSS assessment

HTML/CSS assessment

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

HTML/CSS assessment

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

Which HTML element is used to define a paragraph element?

HTML/CSS assessment

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

What are the different types of HTML elements called?