Saltar al contenido principal

Filtros

La columna de filtros completa: precio, muestras de color, pastillas de talla, valoración y categorías

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.

FiltroPara qué es
PrecioEl rango. Los dos campos traen el rango real del catálogo, así que enviarlo sin tocar nada no cambia nada
ColorCualquier 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
AtributoUn atributo que se elige leyendo: talla, material, capacidad. Sólo atributos globales
ValoraciónEl rating_filter propio de WooCommerce, así que coincide con las estrellas de cada tarjeta
CategoríaCada 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
¿Los dos a la vez?

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.

En esta sección​