CMS Filters

¡Hola! 👋

¡Gracias! Hemos recibido tu solicitud.
Ups! Algo salió mal al enviar el formulario.
Interacciones
CMS
Boosters

CMS Filters

Utiliza esta herramienta de Refokus para crear uno o más conjuntos de filtros (también sirve para Colecciones CMS individuales) para filtrar los resultados en una lista de colecciones CMS.

[.c-title-3-primary]¿Cómo añadir filtros CMS en Webflow?[.c-title-3-primary]

Utiliza esta herramienta de Refokus para crear uno o más conjuntos de filtros (también sirve para Colecciones CMS individuales) para filtrar los resultados en una lista de colecciones CMS.

Los filtros se basan en los elementos básicos de los formularios (nput, Dropdown, Checkbox y Radio Buttons) con los que se puede crear cualquier tipo de interfaz de usuario de filtrado, como toggles, etiquetas, pestañas, interruptores y cualquier otra cosa que pueda imaginar visualmente.

Además, los inputs se pueden utilizar para realizar búsquedas en vivo y conseguir resultados de los elementos de la colección.

Paso 1

Copiar el

CMS Filters

<script> and paste it before the </body> of your page

Copiar el código de la secuencia de comandos
<script
src=
"
https://tools.refokus.com/cms-filter/bundle.v1.5.0.js
"
></script>
<script src="https://tools.refokus.com/cms-filter/bundle.v1.5.0.js"></script>
Copiar texto en el portapapeles
¡Copiado!
Paso 2

Establecer atributos personalizados

Todo se hace con atributos personalizados, así que cuando decimos "Añadir" significa "Añadir un atributo personalizado".
Más información
enlace de anclaje
Conexión de la lista de recogida
enlace de anclaje
Identifique los elementos por los que desea ser "filtrado
enlace de anclaje
Conectar los filtros de activación
enlace de anclaje
Filtros de valores personalizados
enlace de anclaje
Añadir una entrada de búsqueda
enlace de anclaje
Filtros aditivos
enlace de anclaje
Añadir un deslizador de rango
enlace de anclaje
Añadir una paginación
enlace de anclaje
Añadir un estado vacío
enlace de anclaje
Edición de texto en casillas de verificación
Notas generales
Paso 3

Publique su sitio en el dominio de ensayo para probar que la herramienta funciona.

Demostración clonable

Publique su sitio en el dominio de ensayo para probar que la herramienta funciona.

¡Gracias!
Ups! Algo salió mal al enviar el formulario.
Danos tu opinión
Compartir en LinkedInCompartir en TwitterCompartir a través de la URL
Otras herramientas de Webflow que pueden interesarle
Volver al directorio
CMS Load More
Amplíe la paginación de Webflow añadiendo un botón de cargar más en sus listas de CMS.
Enlace a la herramienta
CMS Prev/Next
Mostrar los elementos de la colección CMS siguientes y anteriores.
Enlace a la herramienta
Pestañas CMS
Cree potentes pestañas en las que el menú de la pestaña y el contenido se gestionan desde un CMS.
Enlace a la herramienta