Webflow sync, pageviews & more.
NEW

Is it possible to create a slider with multiple collection lists on the home page in Webflow, containing 2 slides with 3 collection lists (blogs) on each slide?

TL;DR
  • Build the slider using static slides, manually placing 3 uniquely-filtered Collection Lists per slide.
  • Use filters (e.g., item limits and start points) for each list to show different blog items, and manage layout with Flexbox or Grid.

Yes, you can create a slider on your Webflow homepage that contains 2 slides, each with 3 separate Collection Lists (e.g., blogs) per slide. However, Webflow has some limitations with CMS items inside sliders that you'll need to work around.

1. Understand Webflow CMS Limits

  • Webflow CMS pages have a limit of 20 Collection Lists per page and 100 Collection items per list (depending on your plan).
  • A Collection List can’t be bound to a dynamic element like a Slider component directly using native CMS logic (you can't loop a collection to create slides in a slider).

2. Use Static Slider Structure

  • You’ll need to build the slider with static Slide components first.
  • Inside each Slide, you manually add 3 Collection Lists and bind each to a specific blog collection or filtered set.

3. Filter Each Collection List Uniquely

  • Add 3 Collection Lists in Slide 1, each:
  • Bound to the same blog Collection
  • Filtered to show different content, using filters like “Limit to 1 item, start at item 1 / 2 / 3,” etc.
  • Repeat the same process in Slide 2, with different item limits (e.g., start at item 4 / 5 / 6).

4. Manual Layout Control

  • You'll need to manually manage styling and layout inside each slide to arrange the 3 Collection Lists side-by-side or stacked as needed.
  • Use Flexbox or Grid to achieve the layout you want.

5. Alternative: Combine Into One Collection List

  • For better performance and easier maintenance, consider using one Collection List inside each slide, with 3 items per slide, using pagination or load-more functions (custom or via CMS logic).

Summary

You can add 2 static slides, each containing 3 uniquely-filtered Collection Lists for blogs inside a Webflow Slider. It's a manual setup, not dynamic, but it's entirely possible within Webflow’s CMS limits.

Rate this answer

Other Webflow Questions