Los directorios reales casi nunca necesitan un solo control. La gente escribe un nombre y elige un departamento; filtra por ciudad y un rango de precio. Esta guía muestra cómo poner esas piezas en una página sin enviar a los visitantes por tres listas separadas.
Forma del proyecto de punta a punta: Directorio con búsqueda. Más tutoriales: Guía de Wix CMS.
La UI a la que apuntas
| Control | Campo de ejemplo | Job |
|---|---|---|
| Search bar | Name, summary | Búsqueda en texto libre |
| Category filter | Category / Type | Explorar |
| Range filter | Price o Date | Límites min / max |
Notas nativas
En Studio / Editor, puedes apilar varios inputs conectados al dataset (dropdown + selection tags, etc.). La búsqueda por keyword que filtra al escribir suele necesitar Velo—o una app. Mantén los filtros en el mismo dataset que el repeater para que las condiciones se combinen limpias.
En Harmony, el chrome de multi-filtro de visitante en una sola lista nativa es limitado hoy. Planifica widgets de app o Repeaters separados (limitaciones del CMS).
Una visualización, muchos controles (CMS for Harmony)
Funciona en Editor, Studio y Harmony.
- Conecta un Table o Repeater a una colección que tenga Name, Category y un campo numérico o de fecha.
- Activa Show search bar.
- Añade un Show filter en Category (equals).
- Añade un filtro apto para rangos en Price o Date (greater/less than o between).
- Elige Filters display: Top para un set corto; Side para directorios más densos.
- Publica y prueba combinaciones—solo search, solo filter, luego ambos juntos.
Condiciones de match y Show filter vs Choose value: documentación Search & filters.
Guías enfocadas
| Pieza | Artículo |
|---|---|
| Solo search | Añadir una barra de búsqueda |
| Solo categoría | Filtros de categoría |
| Todas las opciones de panel | Resumen de search and filters |
| Columnas densas | Tabla con búsqueda |
Por qué los equipos usan la app para esto
| Task | Native Harmony | CMS for Harmony |
|---|---|---|
| Keyword + categoría + rango en una lista | Incómodo / limited hoy | Configura en Search & filters |
| Misma UI en Studio y Harmony | Stacks nativos distintos | Mismos widgets |
| Evitar mantener código de filtros | Velo a menudo requerido para live search | Toggles de panel |
Para Color swatches, campos reference y rarezas de Calendar/Slideshow, usa la documentación del producto—esos detalles cambian con los releases.