Gratuito · Código abierto · GPL-3.0

El editor de bloques para productos de WooCommerce, sin perder datos

Gutenberg For WC Products activa el editor de bloques de WordPress para los productos y añade un framework de guardado extensible para que los datos de terceros persistan al pulsar Actualizar. Su adaptador incluido arregla el guardado de variaciones de WooCommerce.

Validado en WordPress 7.0 y WooCommerce 10.8.1.

El editor de bloques de WordPress editando un producto variable de WooCommerce. El panel de Variaciones lista las tallas XS, S, L y XL, con un aviso de que cuatro variaciones no tienen precio.

El problema

Lo que se rompe en silencio con Gutenberg

Cuando se activa el editor de bloques para productos, pulsar Actualizar guarda vía REST. Las ediciones de variaciones de WooCommerce se pierden si antes no pulsas el botón Guardar del panel de variaciones: una pérdida silenciosa de datos que WooCommerce ha decidido no arreglar (incidencia #35242). Cualquier plugin cuyo guardado dependa del formulario clásico también se rompe, porque ese evento ya no existe.

La solución

Un puente, construido como framework

Sin pérdida de datos

Las ediciones de variaciones se guardan al pulsar Actualizar. Sin clics extra, sin trabajo perdido.

Extensible de raíz

Cualquier plugin registra su propio saver mediante una API pública. El arreglo de variaciones de WooCommerce es solo el adaptador de referencia incluido.

Bases estables

Usa solo APIs de WordPress estables desde la 5.0. Validado en WordPress 7.0 y WooCommerce 10.8.1.

Cómo funciona

Un puente sobre el ciclo de guardado

  1. Escucha el ciclo de guardado de Gutenberg

    Vigila la transición guardando → guardado; ignora los autoguardados.

  2. Ejecuta los savers registrados

    En cada guardado, cada saver actúa solo cuando sus propias filas tienen cambios.

  3. Re-dispara el guardado nativo del plugin

    El adaptador incluido pulsa el botón Guardar variaciones de WooCommerce, lanzando el AJAX propio de WooCommerce con su nonce y comprobaciones de permisos. No serializa campos a mano ni añade endpoints REST.

Para desarrolladores

Hecho para extenderse

Registra tu propio saver mediante la API pública en window.gfwcp. Declarativo: cuando estas filas tengan cambios, pulsa este botón.

Lee la documentación completa para desarrolladores

register-saver.js
window.gfwcp.registerSaver( {
    id: 'my-plugin/my-panel',
    dirtySelector: '#my_panel .my-row.needs-update',
    buttonSelector: 'button.my-plugin-save'
} );

Requisitos

Funciona con APIs estables desde hace años

  • WordPress 6.4+
  • PHP 7.4+
  • WooCommerce 7.0+ (obligatorio)

Solo APIs estables desde hace años, así que no depende de una versión reciente de WordPress.

Programa ONG

Plugins premium, gratis para ONGs

José dona sus plugins premium, con soporte de por vida, a ONGs legalmente registradas, en cualquier país.

Gratuito, de código abierto, listo para usar