Añadir ordenación y paginación

La ordenación cambia el orden; la paginación cambia qué porción de ese conjunto de resultados ordenado es visible. Configura ambas mediante los controles de Faceted Search, no mediante la paginación ordinaria del listado.

Añadir ordenación

  1. Añade Faceted Search Sort cerca del encabezado de resultados.
  2. Introduce una Label opcional.
  3. En Options, introduce pares separados por comas value:Label.
  4. Establece Default en uno de los valores listados.

Los valores integrados incluyen:

Valor Etiqueta predeterminada
default Default
date_desc / date_asc Newest / Oldest
title_asc / title_desc Title A-Z / Title Z-A
price_asc / price_desc Price low-high / Price high-low
rating_desc Top rated
distance_asc Distance

La ordenación por precio y por valoración es relevante para resultados compatibles con WooCommerce. La ordenación por distancia requiere una selección de ubicación activa.

Con Country pricing zones de POM Tweaks, price_asc y price_desc ordenan los productos de WooCommerce por la proyección de precio regional actual en lugar del campo global _price. El orden ascendente utiliza el precio regional comprable más bajo de cada producto; el orden descendente utiliza el más alto. Los productos no disponibles en la zona resuelta quedan excluidos de ese orden por precio regional.

Las ordenaciones por meta personalizadas deben declararse primero para el contexto en Managed meta sorting. Cada entrada necesita un ID, una clave meta, un tipo (CHAR, NUMERIC o DATE) y una etiqueta. Usa el ID declarado en el control de ordenación.

Elegir un paginador

Añade un Faceted Search Pager y selecciona:

  • Numbers para el acceso directo a páginas;
  • Load more para anexar la página siguiente;
  • Next only para una acción simple de avance;
  • Next + Previous para un movimiento secuencial;
  • Infinite para anexar automáticamente cerca del final.

El paginador muestra las etiquetas y el estilo de los botones solo donde corresponda.

Añadir un selector de tamaño de página

Usa Faceted Search Per Page cuando los visitantes realmente lo necesiten. En Legacy, introduce Options numéricas separadas por comas, como 12,24,48, y establece un Default listado. En Gutenberg, edita los campos Size ordenados y Default page size en Results per page. Ambos aceptan como máximo 50 tamaños de 1 a 200.

Load more e Infinite utilizan el tamaño fijo del contexto y ocultan Per Page y la navegación por páginas de reemplazo. Usa la navegación Numbers o Next cuando ofrezcas un selector de tamaño.

Consulta Pager y Per Page nativos y Sort nativo para ver sus controles de barra de herramientas, barra lateral y vista previa pasiva.

Mantén la opción más grande razonable para la complejidad de cada tarjeta. Una página muy grande puede hacer que cada actualización de filtro sea más pesada.

Si una URL antigua apunta más allá de la última página disponible, esa página no contiene tarjetas, pero el total de resultados y el recuento de páginas disponibles siguen siendo precisos. Usa el paginador o Reset para volver a una página disponible.

Verificar una ordenación estable

Usa Faceted Search Reset para restaurar los filtros y, opcionalmente, los primeros valores predeterminados coincidentes de Sort y Per Page. Su opción de control adicional es independiente del alcance de faceta seleccionado; las búsquedas manuales conservan la política de enviar al restablecer del contexto.

Prueba la página uno y una página posterior para cada ordenación pública. Cambia un filtro estando en una página posterior y confirma que el estado actualizado sea coherente. Copia una URL con ordenación o tamaño de página no predeterminados y confirma que esos controles se restauren correctamente. Si el precio por país está activo, repite las comprobaciones de bajo a alto y de alto a bajo desde dos zonas cuyo orden de productos difiera.

Para el comportamiento de los parámetros de URL, consulta Usar URL filtradas compartibles.