Crea un listado filtrable

Este tutorial construye una página de búsqueda completa con varios filtros, tarjetas de resultados, selecciones, ordenación y paginación.

Planifica el listado

Anota:

• el archivo o la consulta personalizada que posee los candidatos;
• los dos o tres atributos que los visitantes usan más;
• si las combinaciones dentro de cada faceta deben coincidir con cualquier valor (OR) o con todos los valores (AND);
• los campos que requiere la tarjeta de resultado;
• si los resultados deben actualizarse automáticamente o esperar a un botón de envío.

Evita añadir un filtro solo porque exista un campo. Cada faceta debe representar una elección útil que esté poblada de forma coherente.

Configura el contenido indexado

1. Abre Settings → POM Theme → Content model → Faceted search.
2. Selecciona Edit facets para el contexto correspondiente.
3. En Indexed native fields, mantén únicamente los datos que usa la plantilla de resultados: Index featured image payload, Index derived excerpt y/o Index post content.
4. En Indexed metas, selecciona Add indexed meta para cada campo personalizado que muestre la tarjeta.
5. Habilita Gallery solo para los metas con valor de galería.

Añade las facetas

Para cada filtro planificado:

1. Selecciona Add facet.
2. Introduce su Label visible.
3. Elige el Type que se ajuste al número y la estructura de las opciones.
4. Elige el tipo de fuente y la clave correctos.
5. Establece Operator y Selection mode.
6. Decide cómo deben comportarse las opciones de Zero-count choices.
7. Mantén Counts activado cuando los recuentos ayuden a los visitantes a predecir el resultado.
8. Mantén Enabled activo.

Solo se permite una faceta Search en un contexto. No tiene una fuente independiente porque busca en el contenido de búsqueda indexado del contexto.

Selecciona Save facets, vuelve a la lista y ejecuta Reindex context.

Construye la interfaz

1. Añade cada Faceted Search Facet con su Facet ID copiado.
2. Añade Faceted Search Selections para que los visitantes puedan eliminar las opciones activas.
3. Añade Faceted Search Counts.
4. Añade Listings (Feed) y establece Use with faceted search? en Yes.
5. Haz coincidir su configuración de consulta con el contexto.
6. Añade Faceted Search Sort si las opciones de ordenación son útiles.
7. Añade Faceted Search Per Page solo cuando a los visitantes les beneficie controlar el tamaño de página.
8. Añade un Faceted Search Pager.
9. Añade Faceted Search Reset.
10. Si Facet submit mode es Manual, añade Faceted Search Submit con el ID de contexto.

No habilites los controles de paginación habituales de Listings (Feed) para esta instancia de resultados. La paginación pertenece a Faceted Search Pager.

Comprobación de aceptación

Prueba cada faceta por separado, una combinación entre facetas, el estado sin resultados, el restablecimiento, la ordenación, el paginador, la navegación hacia atrás/adelante del navegador, una URL filtrada copiada, el funcionamiento con teclado y el área de visualización más estrecha admitida.

Usa Results and controls para los detalles de los controles y Troubleshooting cuando la página completa no se mantenga sincronizada.