La página de la wishlist

La página que enseña lo que ha guardado cada visitante. No es un componente: es un bucle de Etch con tu propia tarjeta dentro, así que la lista se ve exactamente como el resto del sitio, y decides tú lo que dice una lista vacía.

Elígela primero en Fancy Etch → Wishlist → Wishlist page: el Wishlist Count enlaza allí, la página nunca se guarda en caché, y la lista de un invitado sólo llega al servidor en ella.

El bucle Wishlist

1. Añade un bucle de Etch y elige el bucle Wishlist.
2. Pon tu tarjeta dentro —la del catálogo o la del blog sirven tal cual— con un Wishlist Button, para poder quitar cosas también desde la lista.

Lista lo que ha guardado el visitante, lo último primero. Sus parámetros llevan las palabras entre comillas simples:

Parámetro	Por defecto	Qué hace
type	'any'	Un solo tipo: 'post', 'product' o cualquier otro tipo de contenido.
count	-1	Cuántos enseñar. -1 son todos.
suggest	'yes'	Con WooCommerce, un bucle de productos —o de cualquier tipo— sin nada guardado enseña cuatro de tus productos destacados en vez de una rejilla vacía. 'no' lo deja vacío.

Mientras editas, el bucle siempre enseña algunos elementos, para que siempre haya una tarjeta que diseñar.

Varias listas en una página

Cada visitante tiene una wishlist, y una página puede enseñarla por partes: un bucle por tipo. Los productos en una sección con la tarjeta de la tienda, las entradas en otra con la del blog.

Sección «Productos guardados»
├── Condición: options.fefav.counts.product — is falsy
│   └── «Todavía no has guardado productos»
└── Rejilla
    └── Bucle «Wishlist» — type 'product'
        └── Tarjeta de producto, con un Wishlist Button

Sección «Entradas guardadas»
├── Condición: options.fefav.counts.post — is falsy
│   └── «Todavía no has guardado entradas»
└── Rejilla
    └── Bucle «Wishlist» — type 'post', suggest 'no'
        └── Tarjeta de entrada, con un Wishlist Button

Cada bucle mira su propio tipo: quitar la última entrada vacía la sección de entradas y trae su mensaje, sin recargar, mientras los productos se quedan donde están.

Cuando una lista está vacía

Una wishlist vacía es una condición de Etch, no un componente, así que dice lo que pongas dentro:

• options.fefav.empty — no hay nada guardado. Ponla fuera de las secciones para un mensaje sobre la lista entera.
• options.fefav.counts.post con is falsy — no hay entradas guardadas. Vale cualquier tipo de contenido: counts.product, counts.page…

Viene y va según se guardan o se quitan cosas, sin recargar, en cualquier parte de la página — también en una cabecera. Un botón dentro puede mandar a {options.fefav.browse_url}: la tienda con WooCommerce, la portada sin él.

Deshacer

Quitar algo en la página de la wishlist se lleva su tarjeta y ofrece Deshacer en un aviso flotante. Coloca un Wishlist Notice en cualquier parte de la página para darle tus colores, tus palabras y su posición; sin uno, la página lo enseña con las palabras de Fancy Etch → Texts → Wishlist.

Sus datos dinámicos

Dato	Qué contiene
options.fefav.count	Cuántos elementos hay guardados.
options.fefav.empty · options.fefav.filled	Si la lista está vacía, o no.
options.fefav.state	empty o filled, para cuando necesitas una palabra en vez de un sí o un no.
options.fefav.counts.<tipo>	Cuántos de cada tipo: counts.product, counts.post… Están todos los tipos que se pueden guardar, a 0 si no hay ninguno.
options.fefav.ids	Lo guardado, lo último primero.
options.fefav.url	La página de la wishlist.
options.fefav.browse_url	Adónde manda una lista vacía: la tienda con WooCommerce, la portada sin él.

La lista de un invitado sólo llega al servidor en la página de la wishlist, así que en cualquier otra estos datos dicen «vacía» para un invitado. Los corazones y el contador leen la lista de verdad en el navegador.