Table, Repeater, Calendar, Media Gallery y Slideshow admiten búsqueda y filtros orientados al visitante para que las colecciones grandes sigan siendo usables en el sitio en vivo.
Capacidades de filtro
- Condiciones de coincidencia por filtro: equals, not equals, contains, starts/ends with, greater/less than o between
- Varios filtros sobre el mismo campo
- Controles de rango de fecha y número
- Show filter vs Choose value: mostrar un control al visitante, o aplicar siempre un valor fijo sin UI
- Campos Reference y Multi-reference: equals / not equals, o includes / includes all, con opciones de la colección relacionada — elige un Display field para las etiquetas de opción
- Campos Color: filtrar con Color swatches (y otros controles de elección)
- Interfaz de búsqueda y filtros estilizada con las fuentes del sitio
Dependent filters
Activa Dependent filter en un filtro de elección para limitar sus opciones a valores que aún existan tras aplicar la búsqueda y los filtros listados encima de este. Coloca los filtros padre más arriba en la lista para que los hijos se filtren en cascada correctamente.
Rangos de fecha relativos {#relative-date-ranges}
En campos DATE o DATETIME con modo Choose value, elige Value type → Relative range en lugar de fechas fijas. El widget aplica el rango en el sitio en vivo (sin control para el visitante).
| Rango | Qué incluye |
|---|---|
| Today | El día calendario actual |
| Next 7 days | Hoy más los 6 días siguientes (7 días en total) |
| Next 30 days | Hoy más los 29 días siguientes |
| This calendar week | Siete días empezando el día que elijas en Week starts on (domingo a sábado) |
| This calendar month | Del primer al último día del mes calendario actual |
Consejo: Para eventos de viernes a jueves, usa Between, Relative range → This calendar week y Week starts on → Friday.
Límites de fecha (zona horaria) {#relative-date-timezone}
Con Relative range, Date boundaries define la zona horaria de «hoy» y la medianoche:
| Opción | Comportamiento |
|---|---|
| Visitor’s device (predeterminado) | Calendario del navegador del visitante. |
| Site timezone | Zona de Settings → Website settings → Time zone en Wix (p. ej. America/Denver). Mismo corte para todos los visitantes, con horario de verano. |
| Fixed timezone | Elige una zona IANA en el desplegable (p. ej. GMT-6 — America/Denver). |
El panel muestra una vista previa en vivo del filtro efectivo tras configurar rango, Week starts on y Date boundaries.
Sitios de eventos regionales: Usa Site timezone (o Fixed timezone de tu ciudad) en filtros semanales y de «solo próximos» para que el listado no avance a medianoche UTC.
Condiciones: Between + This calendar week para la semana completa; On or after + Today incluye hoy; After + Today excluye hoy.
Funciona en Table, Repeater, Calendar, Media Gallery y Slideshow con Wix CMS y bases de datos externas. Los filtros Choose value relativos no se añaden a la URL cuando Add as URL query params está activo.
Add as URL query params
Activa Add as URL query params para mantener búsqueda y filtros en la URL de la página, de modo que los visitantes puedan compartir o marcar vistas filtradas. Funciona con Wix CMS y bases de datos externas (Google Sheets, Airtable, Notion).
Filters display
Configura Filters display en Top (encima del contenido) o Side (barra lateral izquierda; vuelve a top en layouts estrechos).
Notas
- En Calendar, la búsqueda mira los campos Title y Details.
- En Slideshow, la búsqueda usa los campos Title / Text / Button label cuando están mapeados.
- Puedes filtrar por campos que no se muestran en la visualización.
- Búsqueda, ordenación, Dependent filters y Add as URL query params funcionan con Wix CMS y conexiones a bases de datos externas.
- La v6.0 cambió cómo se almacenan la búsqueda y los filtros de Table y Repeater. Tras una actualización mayor, vuelve a revisar los ajustes de filtro en widgets existentes.
- Dynamic Page comparte opciones de formato relacionadas (como expresiones de valor), pero no incluye búsqueda/filtros para visitantes.
Configura los filtros en el panel de cada widget después de conectar una colección — busca Search & filters, incluidos Show search bar, Show filters button, Filters display, Add as URL query params y Dependent filter por filtro.