Breadcrumb
Dónde está esta página, como lista ordenada dentro de una región con nombre y con el paso actual marcado como tal. El rastro es el de WooCommerce: productos, categorías, atributos, búsquedas, etiquetas — hasta el 404.
Fuera de las páginas propias de WooCommerce no imprime nada, porque un rastro de un solo paso no diría nada.
El paso de la tienda. WooCommerce sólo pone la página de la tienda entre
«Inicio» y una categoría o un producto cuando los enlaces de producto empiezan
por la dirección de la tienda (/tienda/ropa/sudadera/), y los suyos de fábrica
no lo hacen: una categoría se lee «Inicio / Ropa / Sudaderas», como si colgara
del inicio. El componente la añade en cada producto, categoría, etiqueta y
atributo, y nunca la repite donde WooCommerce ya la puso. Shop step la deja
como la tenía WooCommerce, o la quita. El carrito, el checkout y la cuenta no
la llevan: no están dentro de la tienda.
Props
| Prop | Tipo | Por defecto | Qué hace |
|---|---|---|---|
| First step | texto | — | Lo que dice el primer paso. Déjalo vacío para el de WooCommerce («Inicio», traducido), o escribe «none» para quitarlo — que es lo que quiere una tienda cuyo logotipo ya lleva al inicio. |
| First step as an icon | sí / no | off | Una casa en vez de la palabra. La palabra se queda en el enlace para los lectores de pantalla, así que sigue teniendo nombre. |
| Shop step | elección: always, woocommerce, never | always | La página de la tienda entre el primer paso y un producto, una categoría, una etiqueta o un atributo. WooCommerce sólo la pone cuando los enlaces de producto empiezan por la dirección de la tienda, y los suyos de fábrica no lo hacen. |
| This page | sí / no | on | El último paso, la propia página. Apágalo cuando el título de debajo ya lo dice: el paso de encima sigue siendo un enlace. |
| On small screens | elección: wrap, back | wrap | Por debajo de 768 px de ancho, «Sólo el paso de vuelta» enseña únicamente el paso de encima, con una flecha. Si no, un rastro largo ocupa dos o tres líneas en un teléfono. |
| Separator | texto | '/' | El carácter entre pasos, entre comillas: «›», «—», «·». Es decoración, así que no se lee en voz alta. |
| Colors → Steps behind | texto | var(--fe-woo-muted, #6b7280) | |
| Colors → This page | texto | var(--fe-woo-color, #111827) | |
| Colors → Separator | texto | var(--fe-woo-border, #d1d5db) |
Sus variables propias
| Variable | Por defecto | Qué controla |
|---|---|---|
--fe-woo-crumb-border-color | var(--fe-woo-border, #d1d5db) | El color del separador, si dibujas uno. |
--fe-woo-crumb-size | var(--fe-woo-text-s, 0.81rem) | El tamaño del rastro. |
--fe-woo-crumb-glyph | '/' | El carácter entre pasos, entre comillas. Es decoración: no se lee en voz alta. |
--fe-woo-crumb-icon-size | 1.15em | La casa del primer paso, cuando se dibuja. Su zona de pulsación sigue en 24 px, sea cual sea el tamaño. |
--fe-woo-crumb-back-glyph | '←' | La flecha delante del paso de vuelta en pantalla estrecha, entre comillas. Es decoración: no se lee en voz alta. |