Attribute Filter
Un atributo que se elige leyendo: talla, material, capacidad. Sólo atributos globales.
Se coloca por su cuenta, junto a la rejilla o en una barra lateral tuya. Es uno de los grupos de Catalog Filters — si usas los dos, apaga este grupo allí o saldrá dos veces. Cómo se comportan todos los filtros —enlaces, plegado, «ver más»— está en Filtros.
Sus opciones
Props
| Prop | Tipo | Por defecto | Qué hace |
|---|---|---|---|
| Heading | texto | — | Cómo se llama este grupo. Déjalo vacío para conservar el nombre que ya tiene el atributo o la taxonomía — que sigue siendo correcto cuando alguien lo renombra. Se ignora cuando este filtro pinta más de un grupo. |
| Heading level | elección: h2, h3, h4 | h2 | Solo, al lado de la rejilla, suele ser un h2; dentro de una barra lateral bajo su propio encabezado, un h3. |
| Attribute | texto | all | El nombre del atributo —«color», «size»— o «all» para todos los que use la tienda. Un atributo sin términos en uso no aparece. |
| Colour attributes | elección: except, all | except | |
| Several chosen at once | elección: or, and | or | «Cualquiera» es lo que quiere decir casi todo el mundo al marcar dos. El widget de WooCommerce viene con «todos». |
| Counts | elección: yes, brackets, no | yes | |
| Folding → Fold the group | sí / no | off | Convierte el título en un desplegable, así una columna larga se lee como una lista de encabezados. Un grupo que esté filtrando algo se abre siempre, diga lo que diga el estado de abajo. |
| Folding → It starts | elección: open, closed | open | |
| Show more → Choices before it | texto | 0 | Cuántas opciones enseña un grupo antes de que el resto se vayan detrás del botón. 0 las enseña todas. Estén escondidas o no, todas están en la página: sin JavaScript no se pierde ninguna. |
| Show more → Its wording | texto | — | Vacío es «Ver 12 más», traducido. Escribe el tuyo con {count} donde va la cifra. |
| Show more → And once open | texto | — | Vacío es «Ver menos», traducido. |
| Pill size → Text size | texto | 0.88rem | |
| Pill size → Padding | texto | 0.31rem 0.63rem | Vertical y horizontal, como lo escribe CSS: «0.31rem 0.63rem». |
| Count text → Size | texto | 0.88em | |
| Count text → Colour | texto | var(--fe-woo-muted, #6b7280) | |
| Colours → Swatch ring | texto | var(--fe-woo-surface, #ffffff) | La separación entre una muestra elegida y su contorno. Sólo para atributos dibujados como muestras. |
| Colours → Chosen background | texto | var(--fe-woo-panel, #f6f7f9) | El tinte detrás de un valor una vez elegido. |
| Colours → Borders | texto | var(--fe-woo-border, #e8ebef) | |
| Colours → Chosen | texto | var(--fe-woo-accent, #111827) | El contorno del valor elegido. |
| Colours → Text on the chosen one | texto | var(--fe-woo-accent-color, #ffffff) | La etiqueta de un valor elegido. |
Lee las mismas variables que la columna entera: ver Catalog Filters.