Diseña los estados vacío, de carga y de error
La información de la búsqueda debe explicar si la página está esperando, no ha encontrado coincidencias o no ha podido completar una actualización.
Estado inicial
Listings (Feed) normalmente muestra sus resultados iniciales. Para exigir una búsqueda primero:
- Establece Show initial results? en No.
- Añade contenido útil en Initial results placeholder.
- Explica qué debe seleccionar o introducir el visitante.
No uses esta opción solo para ocultar una consulta inicial lenta. Optimiza el contexto en su lugar.
Estado de carga
Cada contexto puede usar un spinner opcional:
- Abre Settings → POM Theme → Content model → Faceted search.
- Selecciona Edit facets para el contexto.
- En Loading spinner, introduce Spinner image URL.
- Selecciona Save facets.
Si no se proporciona una imagen personalizada, el tema usa su imagen de carga predeterminada. El spinner se vuelve visible mientras hay una solicitud en curso y se oculta de nuevo cuando termina la actualización.
Mantén la imagen ligera y reconocible en tamaños pequeños. No codifiques texto de estado dentro de la imagen.
Sin coincidencias
Añade Faceted Search Counts y establece Empty label con un mensaje conciso como «Ningún recurso coincide con estos filtros».
Mantén visibles Faceted Search Selections y Faceted Search Reset para que el visitante pueda recuperarse. Evita culpar al visitante o sugerir que todo el catálogo está vacío.
Fallo de la solicitud
El tema conserva la interfaz de la página cuando no se puede completar una actualización. El texto que la rodea no debe prometer que todo estado con aspecto vacío significa cero coincidencias.
Durante las pruebas de aceptación, usa las herramientas para desarrolladores del navegador para distinguir:
- una respuesta correcta con cero resultados;
- una solicitud rechazada o no disponible;
- un fallo de carga de JavaScript o de Google Maps.
Si la navegación habitual sigue funcionando, ofrece una ruta clara de vuelta al archivo sin filtrar. Los fallos repetidos requieren las comprobaciones de Solución de problemas, no una alternativa basada solo en el contenido.