Welcome to the Knowledge Hub for data-driven leaders.

Downloadable resources and videos to nurture better, more effective leadership.

CMS Filter

1.- Indispensables

Collection List
  • Atributo: Name fs-cmsfilter-element + Value list
Form
  • Atributo: Name fs-cmsfilter-element + Value filters
Tag Buttons
  • Atributo: Name fs-cmsfilter-field + Value tags

2.- Extras

Pagination
Dentro de la paginación que viene por defecto en Webflow, entre medias de los elementos "Prev" y "Next", creamos un <div>.
Dentro de este <div> incluimos un link block al que le daremos el siguiente atributo:
  • Atributo: Name fs-cmsload-element + Value page-button
Añadimos en la "Collection List" los siguientes atributos
  • Atributo: Name fs-cmsload-mode + Value pagination
  • Atributo: Name fs-cmsload-element + Value list
Search Input
Separamos por comas cada campo que queramos filtrar en el "Search Input"
  • Atributo [Search Input]: Name fs-cmsfilter-field + Value tags, content-types, description, name
Añadimos en cada elemento de cada item de la colección, el campo correspondiente a su filtrado
  • Atributo [Element]: Name fs-cmsfilter-field + Value tags
  • Atributo [Element]: Name fs-cmsfilter-field + Value content-types ...
Mensaje Empty
Creamos un <div> (no se usa el que viene por defecto) al que le añadiremos el siguiente atributo
  • Atributo: Name fs-cmsfilter-element + Value empty
Content types:
Tags:
Clear
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Sorry, we couldn't find a match for that. Try adjusting the filters above to expand the results. Can't find what you're looking for? Schedule a call with a team member here.

Subscribe to our Knowledge Hub

Discover current trends and new learnings to build healthier, more productive work communities.

By submitting the form, you agree to Erudit’s Privacy Policy. You can opt out anytime.