Learn
Video

Top 3 tricks for CMS collection lists in Webflow

View
Video
↗

Learn how to use a little custom code with Webflow CMS collections to get around native limitations and create scalable, flexible experiences. These tricks include:

  • Split CMS items into multiple sections using only two collection list
  • Split CMS subnav links into multiple static dropdowns using only one collection list
  • Hide events when over and hide entire section when no events exist
  • Style collection items based on a dropdown field in the CMS

Tags

CMS
Custom Code
How To

Creator

Timothy Ricks

Related items

Have feedback or a question related to this item? Drop us some feedback!

Curated: 
8.28.22

Similar items

Items
2776
Layout
Grid View
Row View
Search
Tastelabs
Tools
App

Tastelabs

9.16.26
AI, Creative, API, QA, Workflow
TypeSafe AI
Tools
App

TypeSafe AI

9.16.26
AI, SAAS, AI Agents, Automation
Brand as software
Learn
Article

Brand as software

9.16.26
Creative, Technology, Branding, Automation, Design System, Workflow
Osmo Studio
Tools
App

Osmo Studio

9.16.26
Creative, AI, Animation, Motion Design, AI Agents, Figma
Bencho
Tools
Component
/
Directory

Bencho

9.14.26
Creative, Dev Tools, Component Library, Interactions, Assets
Restock
Preview
↗

Restock

Restock is No-Code Supply Co.’s community podcast spotlighting the people shaping the web and the things they build: sites, products, and the workflows behind them. Each episode is a practical, curiosity-driven look at real work and ideas: standout builds, the tools and techniques powering them, and the takeaways you can reuse. Like NCSC, it’s grounded in curation and craft over hype, featuring guest conversations, and exploring what’s worth saving, learning, and trying next.
View Restock
Egregore
Tools
App

Egregore

9.10.26
AI, SAAS, AI Agents, Automation
Fimo
Tools
App

Fimo

9.9.26
AI, SAAS, AI Agents, Automation, Backend, Cursor, Claude
vgpu
Code
Library

vgpu

9.8.26
AI, Dev Tools, AI Agents, Javascript, Web Apps
DialKit
Tools
App

DialKit

9.8.26
No-code, Creative, Interactions, Animation, Frontend
playgrnd
Tools
Utility

playgrnd

9.8.26
Creative, No-code, Generator, Aesthetic, Assets
DesEngs
Tools
Directory

DesEngs

9.8.26
Creative, Engineering, Gallery, Design System, Assets
Refero Styles
Inspo
Directory

Refero Styles

9.8.26
AI, No-code, AI Agents, Design System, Gallery, Cursor, Claude
Viewport
Tools
App

Viewport

9.7.26
Creative, No-code, Screen Capture, Design System, Animation
Daniel Sun
Inspo
Website

Daniel Sun

8.24.26
Creative, Personal, Portfolio, Framer
Toolcraft
Tools
Utility

Toolcraft

8.24.26
AI, Creative, Dev Tools, Web Apps, Generator, Design System, Open Source
21Oaks
Inspo
Website

21Oaks

8.11.26
Real Estate & Housing, Marketing, Webflow, GSAP, Artemii Lebedev
Rows
Tools
App

Rows

8.11.26
Workflow, Project Management
squig
Tools
App

squig

8.11.26
Creative, Wireframes, Workflow
Stacki by flowtricks
Tools
App

Stacki by flowtricks

8.11.26
Dev Tools, Creative, AI, Javascript, Workflow, Timothy Ricks
Taste Skill
Tools
Utility

Taste Skill

8.11.26
Creative, AI, Dev Tools, AI Agents, Open Source, Vibe Coding
Butter Video
Tools
App

Butter Video

8.11.26
Creative, SAAS, Video, 3D, Workflow
Migrating from Webflow to Sanity
Learn
Article

Migrating from Webflow to Sanity

7.17.26
Dev Tools, AI, CMS, Workflow, Sanity, Webflow
Artemii Lebedev
Inspo
Website

Artemii Lebedev

7.17.26
Creative, No-code, Personal, Portfolio, Webflow, Artemii Lebedev

Bummer, no results

Try a different search/filter combo, or drop us some feedback if there is something missing you would love to see!

Reset filters

Subscribe for updates

Get updates on the latest curated resources and be the first to hear of new features.

Subscribe