Filtros

Catalog Filters es la columna entera: precio, atributos, valoración y categorías. Cada grupo se puede colocar además por separado —precio, color, atributo, valoración y categoría— para montar la maqueta a tu manera.
Cada elección es un enlace, así que cada estado tiene su dirección para compartir, cachear y volver atrás, y funciona con JavaScript apagado. Usa los mismos argumentos de consulta que los widgets de WooCommerce, así que aquí no se reimplementa ninguna consulta.
| Filtro | Para qué es |
|---|---|
| Precio | El rango. Los dos campos traen el rango real del catálogo, así que enviarlo sin tocar nada no cambia nada |
| Color | Cualquier atributo cuyos términos tengan color de muestra — no «el que se llama color»: una tienda en alemán, o un atributo «acabado», funcionan igual |
| Atributo | Un atributo que se elige leyendo: talla, material, capacidad. Sólo atributos globales |
| Valoración | El rating_filter propio de WooCommerce, así que coincide con las estrellas de cada tarjeta |
| Categoría | Cada categoría enlaza a su propio archivo —su dirección, su título, su descripción— en vez de estrechar la tienda para que lo parezca |
Si colocas un grupo por separado y Catalog Filters, apaga ese grupo en Catalog Filters o saldrá dos veces.
Una columna larga puede plegarse, y las listas largas pueden quedarse cortas.
Plegado convierte el título de cada grupo en un desplegable: lo enciendes y
dices si empieza abierto o cerrado. Un grupo que esté filtrando algo se abre de
todas formas, porque un filtro que no se ve es un filtro que no se quita. Ver
más deja las primeras opciones de una lista y esconde el resto detrás de un
botón, con tus palabras si las escribes ({count} es donde va la cifra) —y se
abre solo cuando lo escondido es lo que alguien filtró, para que un color elegido
desde una dirección compartida nunca quede fuera de la pantalla.
Los dos son <details>: abren, cierran, se manejan con el teclado y anuncian su
estado sin una línea de JavaScript, y todas las opciones están en la página de
todas formas. Apagados de fábrica, así que una tienda que actualice sus
componentes se ve exactamente igual que antes.