Changelog
2026-10-06
Abre el panel de Fancy Etch en el builder y pulsa Update all. Cart Count y Search han cambiado, y un componente que ya está en tus páginas conserva el marcado del día que lo instalaste hasta que lo actualizas.
Nuevo: Wishlist — un corazón que guarda cualquier cosa publicada: un producto, una entrada, una página. También para invitados, y lo que guardaron pasa a su cuenta al iniciar sesión. La lista de nadie viaja en el HTML de la página, así que es segura detrás de una caché, y funciona con WooCommerce y sin él. Tres componentes —Wishlist Button, Wishlist Count y Wishlist Notice, el aviso flotante de Deshacer— y una página de la wishlist que es un bucle de Etch con tu propia tarjeta dentro: un bucle por tipo si quieres los productos y las entradas por separado, y un aviso de vacío por tipo con una condición de Etch. Trae sus ajustes, sus textos y sus herramientas de privacidad.
Nuevo: el panel del builder va en dos niveles —los módulos a un lado, WooCommerce y Wishlist, y las pestañas de cada uno arriba—, con un buscador que mira en todos, y el logotipo de Fancy Etch en vez de un carrito, que en un sitio sin tienda mentía. Una pestaña a la que le faltan dos o más componentes ofrece Install them, y cada módulo dice cuántos de los suyos hay que actualizar.
Nuevo: Design es de Fancy Etch, no de la tienda: sin WooCommerce sigue ahí, con los tokens que usa la Wishlist. Sólo enseña los tokens que algo de tu sitio lee, y la comprobación de contraste mide sólo ésos.
Nuevo: los iconos de la cabecera van a juego — el carrito, la búsqueda y el contador de la wishlist comparten tamaño, línea y hover, cada icono se puede cambiar por cualquier SVG, y los de la búsqueda y la wishlist toman el color de la cabecera que los rodea.
Nuevo: Result details en Search — detalles bajo el nombre de cada resultado, uno al lado del otro y con un divisor: «Un día · Dom 30 Ago · Dificultad: Media». Escribe un campo entre signos % —Dificultad: %dificultad%— y se lee de un atributo del producto, una taxonomía, un campo de ACF o un campo personalizado (JetEngine, ACPT…). Un detalle sin valor no se pinta, y sólo se pueden leer los campos que escribiste.
Cambiado: Texts se reparte por función, WooCommerce y Wishlist, y lo que venga después traerá su sección.
Arreglado: apagar WooCommerce dejaba los componentes de la tienda como código a la vista en cada página que tuviera uno. Ahora no pintan nada hasta que WooCommerce vuelve.
Arreglado: en el builder, el Variation Picker repetía su mensaje sin parar cuando el producto de la vista previa no tenía variaciones. Y con el builder abierto por https en un sitio configurado en http, el lienzo perdía la paleta de la tienda.
Arreglado: un nombre de producto con comillas salía con códigos en Search —«“Venaditos”»— y un «&» salía como «&» en el mini carrito y en el Variation Picker.
2026-09-26
Nuevo: Etch — un @keyframes escrito dentro del CSS de una clase ya funciona, en la página y en el lienzo del builder. Etch lo descarta: el CSS de una clase va anidado dentro de su propio selector, y ninguna regla anidada puede contener un @keyframes, así que la animación sencillamente no existía y la única salida era el Style Manager. Ahora el plugin lo saca y lo imprime junto a tus estilos — la animación de un elemento vive con el elemento, se lee ahí, y una plantilla que la lleva la lleva entera.
Nuevo: una pestaña de mejoras a Etch — Fancy Etch → Etch, un interruptor por mejora, todas encendidas hasta que las apagues, todas con su filtro y todas en cualquier página que construyas con Etch, sea de la tienda o no:
- El panel de estructura sigue a la selección: al hacer clic en un elemento del lienzo, su fila va a la mitad, en vez de dejarte buscarla en un árbol de cien filas.
- Un botón que cierra todas las carpetas menos las que llevan a la selección, junto al «Fold» de Etch — y, si lo quieres, lo mismo por sí solo en cada selección (apagado hasta que lo enciendas).
- Nombres completos al señalar, para los que el panel corta.
- El campo Content de un elemento crece con su texto, hasta diez líneas, con un tirador para hacerlo más alto — como las propiedades de texto de un componente. Sigue siendo una línea: Enter no añade saltos.
- La fila de iconos sobre el editor de CSS se desplaza, con la rueda o arrastrando, y se difumina donde quedan más ocultos. En un panel estrecho la mayoría no se podían alcanzar.
- Una línea marca la fila seleccionada: Etch indica cuál es aclarando un poco su color, y en una lista de componentes casi no se ve.
Nuevo: WooCommerce — Search results use the catalogue, en Shop → Search & Catalogue. Las búsquedas de productos ya usan tu plantilla de catálogo cuando la página de búsqueda de WooCommerce está intacta, pero esa página no se puede borrar, y cualquier copia guardada en tu sitio —una actualización de WooCommerce, una visita a Apariencia → Editor o abrirla en Etch, que guarda lo que encuentra— deja de contar como intacta y gana. Enciende esto y el catálogo dibuja todas las búsquedas de productos, tenga lo que tenga por delante. Apagado de fábrica, para no pasar por encima de una página de búsqueda que hayas diseñado tú.
Nuevo: dos plantillas en fancyetch.com, hechas con los componentes de WooCommerce: Woo single, una página de producto, y Woo archive, el catálogo de la tienda.
Corregido: la pantalla de ajustes — sus interruptores sólo se podían pulsar por la bolita. La regla de WordPress para una casilla ganaba a la nuestra y dejaba el control de verdad de 16×16 en la esquina de un interruptor de 44×24: un clic a la izquierda funcionaba, uno en el centro no hacía nada.
2026-09-14
Corregido: WooCommerce — cambiar deprisa una cantidad en el mini carrito o en el resumen del checkout podía acabar en «Too many requests» y bloquear el siguiente «Add to cart»: cada clic era una petición, y los cambios del carrito tienen un límite por minuto. Ahora una tanda rápida de clics, por larga que sea, cuesta como mucho dos, y el número ya no vuelve atrás mientras sigues pulsando. Tampoco comparten un único cupo los compradores detrás de una CDN o de una conexión compartida: cada uno cuenta por su propia sesión.
Nuevo: WooCommerce — Fancy Etch → Texts. Todos los textos que lee un comprador en los componentes se pueden reescribir desde una pestaña, en cualquier idioma y sin instalar ningún fichero de traducción. Donde WooCommerce ya dice lo mismo se usa su redacción, así que esos textos llegan traducidos a todos los idiomas de WordPress.
Documentación: WooCommerce — la página de la cuenta explica ya su pantalla de acceso y registro, con captura, y el buscador explica el motor que encuentra un producto aunque no se escriba igual.
2026-09-13
Nuevo: WooCommerce — los resultados de búsqueda y las páginas de atributo usan la plantilla de tu catálogo. «See all results» llevaba a una plantilla propia, product-search-results, que Etch no puede crear ni abrir — y Etch además guarda en la base de datos la página de fábrica de WooCommerce cada vez que se abre su builder, donde ganaba. Una tienda hecha en Etch acababa en la búsqueda de fábrica de WooCommerce, sin nada de su diseño, y lo mismo en /color/blue/. Ahora las dos usan tu archivo de producto, con sus filtros y su rejilla: una plantilla para la tienda, sus categorías, sus atributos y sus búsquedas. Añade a su encabezado una condición sobre url.parameter.s para decir qué se buscó. Una página de búsqueda que el sitio haya cambiado sigue ganando. Y queda preparado para otros tipos de contenido: el día que el buscador busque más allá de los productos, sus resultados usarán su propio archivo.
Cambiado: WooCommerce — options.fecommerce.archive.isTerm es cierto también en un archivo de atributo (/color/blue/), además de en una categoría o una etiqueta, así que la página de un atributo enseña su propio encabezado y no el de la tienda.
Corregido: WooCommerce — un aviso con botón pegaba sus palabras al botón cuando el mensaje era largo («…link them to your account.Confirm email address»): WooCommerce escribe el botón dentro del mensaje y lo flota. Ahora van primero las palabras y el botón después — y debajo cuando no cabe.
Cambiado: la pestaña Catalog del panel del builder ya no pide montar product-search-results ni taxonomy-product_attribute: las dos páginas usan el archivo de producto.
2026-09-11
Corregido: WooCommerce — el modo compacto del selector de variaciones no hacía nada en una tarjeta: sus medidas y su hueco más apretado se declaraban donde manda el registro de estilo del propio componente, así que la tarjeta dibujaba las del modo ancho. Ahora sí las usa. Si pusiste a mano «Control height» o «Swatch size» en un selector compacto, a partir de ahora se escalan por 0,73 — que es lo que significa compacto.
Corregido: WooCommerce — pulsar rápido las flechas de la galería dejaba varias fotos deslizándose a la vez, y alguna enorme y descolocada: cada movimiento nuevo se medía contra una foto que todavía se estaba moviendo. Ahora un movimiento cancela el anterior. Y las fotos ya no se seleccionan ni se arrastran: un clic con el más mínimo arrastre seleccionaba la foto, y el color de selección sobre una imagen clara parece que se ha desteñido.
Nuevo: WooCommerce — el componente de reseñas puede parar después de las primeras y recortar el resto tras un degradado, para que una tienda con sesenta no sea una página a la que nadie llega al final. Las siguientes se asoman por el degradado, que es lo que dice que hay más antes de leer el botón. Todas siguen en la página —un buscador y «buscar en la página» las ven igual— y donde no llega el JavaScript salen todas.
Nuevo: WooCommerce — las especificaciones que WooCommerce enseña en «Información adicional» —peso, medidas y los atributos visibles— en {this.fecommerce.attributes}, listas para un bucle. Y {this.fecommerce.upsell_ids}, los productos que la tienda elige a mano, para una rejilla como la de los relacionados.
Nuevo: WooCommerce — el componente de reseñas puede leerse en dos columnas cuando hay sitio (Columns: una, dos, tres, o dos en cuanto hay tres). Cada reseña cae bajo la columna más corta, así que ninguna tarjeta se estira ni queda un hueco al final; un teléfono enseña siempre una, y sin JavaScript se quedan en filas normales. Y puede dejar su formulario detrás de un botón: media página de campos es lo primero que un comprador se salta. Es un desplegable, así que se abre con el teclado y en una página sin JavaScript.
Cambiado: WooCommerce — la foto principal de la galería se pide con prioridad alta. En una ficha es lo más grande de la pantalla, y un navegador la trata como una imagen más hasta que alguien le dice lo contrario.
Corregido: WooCommerce — una ficha hecha con estos componentes no publicaba los datos estructurados del producto: WooCommerce los escribe mientras pinta su propio resumen, y esa ficha no lo pinta nunca, así que un buscador no veía precio, existencias ni valoración. Son los datos de WooCommerce, pedidos una vez y sólo si nadie los generó (fancy_etch/woo/product_structured_data lo apaga).
Corregido: WooCommerce — el estado de existencias salía siempre en el color de «hay existencias»: sólo el símbolo distinguía «Agotado». Ahora cada estado tiene su perilla — --fe-woo-stock-out-color y las otras dos.
Corregido: WooCommerce — el precio de un producto agrupado era el de su hijo más barato («$16.00» para un conjunto con unas gafas de $90). Ahora enseña el rango de WooCommerce, como un variable.
Corregido: WooCommerce — en su propia ficha, un producto agotado enseñaba el botón «Leer más» de WooCommerce, que llevaba a esa misma página. Ahí ya no hay botón: lo dice la línea de existencias.
Nuevo: WooCommerce — productos relacionados para un bucle de Etch: {this.fecommerce.related_ids} da los relacionados que elige WooCommerce para el producto que se está viendo, listos para una rejilla de «También te puede gustar» con la tarjeta de tu catálogo. Sólo se calculan para ese producto, así que un listado nunca los paga. Y su categoría principal —category_name, category_url— para el enlace de «Ver todos» que va al lado: la misma con la que terminan las migas.
Corregido: WooCommerce — en un producto sin variaciones, el selector de variaciones dejaba un elemento vacío que seguía ocupando su hueco en la columna: un espacio entre el precio y la línea de existencias.
Corregido: WooCommerce — las migas de pan se saltaban la página de la tienda: una categoría decía «Inicio / Ropa / Sudaderas». 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. Ahora está en cada producto, categoría, etiqueta y atributo; Shop step la deja como la tenía WooCommerce, o la quita.
Nuevo: WooCommerce — tres opciones más en las migas de pan: una casa en el primer paso (su nombre se queda para los lectores de pantalla), quitar el último paso cuando el título de debajo ya lo dice, y sólo el paso de vuelta en pantalla estrecha — el de encima, con una flecha. Pulsa Update en el componente Breadcrumb para tenerlas.
Corregido: WooCommerce — los recuentos de los filtros contaban productos ocultos del catálogo, así que una categoría podía decir «Hoodies (4)» y enseñar tres. Ahora cuentan exactamente lo que enseña el catálogo, y en los resultados de búsqueda lo que enseña la búsqueda.
Nuevo: WooCommerce — las subcategorías van dentro de su madre en el filtro de categorías, como listas anidadas que un lector de pantalla anuncia por niveles, en vez de mezcladas por orden alfabético con las demás.
Nuevo: WooCommerce — filtros que se pliegan y listas largas que se cortan con «ver más». Los dos son <details>: el teclado, los lectores de pantalla y una página sin JavaScript los tienen gratis, y ninguna opción se va de la página. Un grupo que esté filtrando algo se abre siempre, y una opción escondida por la que alguien filtró abre su lista sola. Apagados de fábrica: pulsa Update en los componentes de filtro para tener las opciones nuevas.
2026-09-10
Cambiado: WooCommerce — los datos dinámicos de la tienda pasan a fecommerce: {this.fecommerce.*} para un producto y {item.fecommerce.*} dentro de un bucle. «commerce» era un nombre demasiado genérico: es el primero que elegiría cualquier otro plugin para datos de tienda, y quien lo escribe el último gana. No se rompe nada: {this.commerce.*} sigue funcionando, mientras ningún otro plugin use ese nombre, hasta la versión 2.0. Pulsa Update en los componentes que marque el panel, y usa fecommerce en lo que construyas a partir de ahora.
Nuevo: WooCommerce — las reseñas de la tienda para un bucle: options.fecommerce.top_reviews (cuatro y cinco estrellas) y options.fecommerce.reviews, listas para una sección de testimonios con tu diseño y el componente Product Rating dentro.
Nuevo: WooCommerce — la página del carrito enseña el descuento como el checkout: el precio normal tachado, el que se paga, el porcentaje, y bajo el total cuánto se ahorra el pedido.
Nuevo: WooCommerce — la foto del selector de variación sigue a la elección antes de que esté completa: eliges azul y se ve el producto azul, mientras el precio y el botón esperan al resto.
2026-09-08
Nuevo: el módulo de WooCommerce — 26 componentes que le dan a Etch la tienda que no trae: la ficha de producto, el catálogo con sus filtros y su buscador, el carrito, el checkout y la cuenta del cliente. Reviste WooCommerce en vez de sustituirlo, así que las pasarelas, los plugins de envío y todos los hooks siguen funcionando. Documentación.
Nuevo: las props y las variables CSS de cada componente están documentadas una a una, generadas desde las propias definiciones de los componentes para que no puedan desfasarse del plugin.
Corregido: WooCommerce — el recibo de después de pagar leía «ORDER NUMBER», «DATE», «EMAIL» y «TOTAL» en mayúsculas. La hoja del propio WooCommerce grita sobre la clase que conservamos a propósito, y la etiqueta de debajo lo heredaba. Se leen peor, y algunos lectores de pantalla las deletrean.
2026-07-23
Nuevo: Slider — FancySliderArrow gana Icon direction (auto / horizontal / vertical): en un slider vertical el glifo apunta arriba/abajo solo.
Corregido: Slider — los efectos apilados (fade, zoom, cover, reveal, fade-up) ahora se reflejan bien en RTL; antes el slide activo acababa fuera de pantalla.
Nuevo: Slider — opción Disable drag (Behavior). Recomendada en sliders verticales para que no atrapen el scroll de la página en móvil.
Nuevo: Slider — orientación vertical (Layout → Orientation = vertical, con alto de viewport). Aplica al efecto por defecto slide.
Nuevo: Slider — control FancySliderThumbnails: tira de miniaturas lista para usar (una por slide, toma la imagen sola, clic para navegar). Skins frame / dim / bar.
Nuevo: Slider — opción Lazy load images (Behavior): las imágenes con data-src se cargan justo antes de entrar en vista.
Accesibilidad: Slider — el movimiento reducido ahora también desactiva el auto-scroll continuo y hace instantáneo el efecto slide; los slides fuera de vista son inert; los puntos ganan anillo de foco de teclado.
Nuevo: Slider — el Autoplay gana las opciones Pause on hover y Pause on prev / next (ambas activas por defecto).
2026-07-23
Nuevo: Slider — FancySliderProgress gana grupos de propiedades Colors (track, fill) / Size (alto, ancho, radio).
2026-07-23
Nuevo: Slider — FancySliderPlayPause gana los mismos skins de diseño que las flechas (solid/outline/minimal/text — PLAY/PAUSE) más grupos de propiedades Colors y Size.
2026-07-23
Nuevo / corregido: Slider — FancySliderCounter gana
skins (inline/stacked/pill) y grupos de propiedades Colors / Size,
y ahora se actualiza en vivo al cambiar sus opciones (antes, los cambios solo
se veían al mover el slider).
2026-07-23
Nuevo: Slider — FancySliderArrow gana skins de diseño
(solid/outline/minimal/line/text) más grupos de propiedades Colors y
Size — los colores salen del panel, sin necesidad de sobrescribir variables
del padre ni de un wrapper.
2026-07-22
Nuevo: Slider — Auto scroll (marquesina continua
con el plugin Auto Scroll de Embla, incluido en el componente, nada que subir).
Corregido: las posiciones de snap center/end ahora se ven desde el primer
slide y se actualizan en vivo en el editor.
2026-07-22
Nuevo: Slider — dos skins más de puntos, lines
(rayas) y worm (el punto activo se estira en píldora), y FancySliderDots
ahora expone Skin, Colors y Size como propiedades agrupadas, para
reestilizarlo sin tocar CSS.
2026-07-22
Nuevo: Slider — Skin progress de los puntos:
FancySliderDots gana un prop skin (dots / progress); progress es una
barra que se llena a medida que avanzan los slides (posición, no tiempo de
autoplay), con sus propias variables de pista.
2026-07-22
Nuevo: Slider — tres efectos más: fade-up,
cover y reveal, más los hooks data-direction / data-leaving para que un
efecto pueda cambiar según hacia dónde se movió el slider.
Nuevo: Slider — Slide effect (grupo Behavior):
slide, fade, zoom o none para sliders de un solo slide. none es el
punto de partida para animaciones de entrada propias contra [data-active].
Nuevo: Slider — Fade edges (grupo Behavior):
los slides se desvanecen en los bordes del viewport en vez de cortarse, con
--fe-slider-fade y --fe-slider-fade-headroom para ajustarlo. Es opcional,
así que los sliders que no lo usan conservan toda la libertad vertical para
elevaciones al pasar el ratón y sombras.
Nuevo: Slider — un slider/carrusel construido
sobre Embla Carousel. Slides por breakpoint, loop, autoplay con barra de
progreso de pausa real y botón play/pausa, flechas y puntos, arrastre libre
y sliders sincronizados por syncId. Documentado por completo: props,
estados, accesibilidad y variables CSS.
2026-07-21
Cambiado: los skins del Acordeón se
renombraron a su identidad visual — underline, bordered, numbered,
minimal (antes one/six/fw/autoplay).
2026-07-20
Nuevo: Acordeón — 4 skins disponibles, más
los props independientes indicator (arrow/angle/dot) e indicatorBg
(filled/bare). Documentado por completo, incluyendo props, variables CSS,
comportamiento de accesibilidad y la barra de progreso del autoplay.
2026-04-27
Lanzamiento inicial — plantillas iniciales.