Catalog Pagination

Las páginas del catálogo, del propio paginate_links() de WordPress: las URL, los puntos suspensivos y la página actual son cosa suya. No imprime nada cuando todo cabe en una página, y cada flecha dice a dónde va.

Aviso

Una rejilla que pagina con un número propio acaba en un 404 — /shop/page/3/ sólo existe si la consulta de la página tiene tres páginas.

Props

Prop	Tipo	Por defecto	Qué hace
Size → Page button	texto	2.5rem	El lado de cada número. Es también su área táctil: por debajo de 24px deja de cumplir WCAG 2.5.8.
Size → Number	texto	var(--fe-woo-text-m, 0.88rem)
Colours → Page background	texto	var(--fe-woo-surface, #ffffff)
Colours → Borders	texto	var(--fe-woo-border, #e8ebef)
Colours → Current page	texto	var(--fe-woo-accent, #111827)	Su fondo, y el contorno que toma cualquier página al pasar el ratón.
Colours → Text on the current page	texto	var(--fe-woo-accent-color, #ffffff)

Sus variables propias

Variable	Por defecto	Qué controla
--fe-woo-catalog-page-size	2.5rem	Cuánto mide cada número de página.
--fe-woo-catalog-page-text-size	var(--fe-woo-text-m, 0.88rem)	El número de dentro de cada botón de página. Heredaba el cuerpo del sitio, así que una tienda con la tipografía grande tenía botones de 2.5rem con cifras que no cabían.
--fe-woo-select-arrow	url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' fill='none' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E")	El chevron que se dibuja en un desplegable — el de ordenar y el del selector de variación por igual. Es nuestro y no del navegador, así que se ve igual en todos y va donde tú digas.
--fe-woo-select-arrow-size	0.7rem	Cuánto mide. El hueco que se le reserva sale de aquí, así que cambiar uno no descuadra el otro.
--fe-woo-select-arrow-inset	0.75rem	A qué distancia del borde va. Conviene subirlo con un radio de píldora, donde la curva se come la esquina.