WooCommerce + Gutenberg 3.7.0 – ¿Amigos o enemigos? ¿Usaremos fácilmente el bloque de productos en nuestro nuevo editor de WP?

¡Hola amigos! Como prometí recientemente en mi publicación de revisión de Gutenberg, en breve aprenderemos cómo administrar productos en su tienda en línea con la ayuda de Gutenberg.

Hoy estaba ardiendo con la idea de presentar con orgullo una revisión completa y llamarla, por ejemplo, algo así como "Comercio electrónico + Gutenberg: ¿cómo ayuda el editor a vender en línea?" – Aprende y Gana”. Y sabía que sería genial obtener una experiencia absolutamente nueva en la gestión de mi tienda de comercio electrónico y mis productos en particular.

Un pequeño problema cambió mis planes y, bueno, hasta ahora no verá muchas instantáneas pintorescas y guías detalladas sobre cómo hacer que su tienda brille con Gutenberg. Ahora voy a revisar una nueva solución de comercio electrónico para Gutenberg sobre la que tenía mucha curiosidad.

Bloque de productos WooCommerce Gutenberg: resolución del problema

Tengo un sitio web de WP donde pruebo algunas soluciones nuevas e interesantes para bloguear y vender en línea. Cada vez que pruebo algunas extensiones, complementos o complementos nuevos, saco mis propias conclusiones en cuanto a su efectividad para mis necesidades personales. También comparto mi opinión con aquellos que probablemente tengan las mismas necesidades que las mías y quieran conocer algunos comentarios sobre complementos definidos antes de usarlos para sus nuevos sitios web.

Probablemente te preguntes: “¿Pruebas complementos premium? ¿No? Pero si solo prueba los gratuitos, ¿por qué otros no pueden hacer lo mismo? Simplemente pueden instalar cualquier complemento y probarlo sin leer ningún comentario”.

¡Por supuesto que pueden! Pero el único problema es el tiempo. A veces dedico horas a probar numerosas pilas de complementos antes de seleccionar el adecuado que funcione sin errores y ofrezca la funcionalidad que realmente necesito.

¡Estoy feliz de ahorrarles tiempo, mis queridos amigos! No tendrá que hojear montones de soluciones inútiles antes de seleccionar la que sea simple, intuitiva y eficiente para su sitio web.

Así que esta vez me gustaría decir algunas palabras esenciales sobre el uso de un complemento especialmente desarrollado para agregar productos a través de Gutenberg: el editor visual mejorado y extendido de WordPress que ha reemplazado al clásico con bastante éxito.

Este es WooCommerce Gutenberg Products Block que todavía espero probar en un futuro cercano. (Hace una semana pude instalarlo y activarlo absolutamente gratis, al menos no hubo notificaciones que indicaran que debería actualizar a Pro).

Veamos qué requisitos tiene el plugin:

• La última versión del complemento de Gutenberg;
• WooCommerce 3.3.0 o superior;
• PHP versión 5.2.4 o superior (se recomienda PHP 7.2 o superior);
• MySQL versión 5.0 o superior (se recomienda MySQL 5.6 o superior).

Está bien, ahora veamos lo que tengo:

• Versión de PHP: 5.6.33-0+deb8u1;
• Versión de MySQL: 5.6.39;
• Gutenberg 3.7.0;
• WooCommerce 3.4.5.

Parece que todo está bien. Entonces, no hay nada que me impida probar este complemento, ¿verdad?

Bueno, como ya instalé y configuré WooCommerce, no dudé, así que instalé y activé el editor Gutenberg con solo unos pocos clics. Inmediatamente después de la activación, me ofrecieron probar un nuevo complemento de funciones; y este fue WooCommerce Gutenberg Products Block.

Por supuesto que me interesó y activé el complemento de inmediato. Todo fue bien, y el bloque Productos estuvo disponible en la lista de Bloques de Gutenberg. Yo era feliz. Y esperaba probar este complemento de función para crear un producto para mi tienda un poco más tarde.

Al día siguiente decidí hacer una revisión de los bloques predeterminados de Gutenberg para compartirlo con ustedes aquí. Decidí desactivar temporalmente el Bloque de productos Gutenberg de WooCommerce y luego activarlo más tarde para revisarlo.

Ha pasado casi una semana y hoy he decidido retomar mi idea de aprovechar la oportunidad de añadir y gestionar productos en Gutenberg con la ayuda de un Bloque de Productos. Revisé los requisitos del complemento y entendí que mi servidor los cumple. WooCommerce y Gutenberg ya están activos y listos para funcionar, por lo que acabo de activar el complemento Bloque de productos sin dudarlo.

Fui a Publicaciones -> Todas las publicaciones y encontré una publicación existente allí, hice clic en el enlace Editar para abrir una publicación con Gutenberg. Me sorprendió descubrir que no había ningún bloque de Productos en la lista de bloques disponibles.

Hmm, estaba perplejo y creé una nueva publicación (opción Agregar nuevo) y el resultado fue el mismo.

¿Es posible solucionar el problema? Vamos a ver.

Solo unas pocas palabras sobre lo que hice para saber si era posible resolver el problema (puede omitir esta descripción y desplazarse hacia abajo para ver el resultado).

1. Así que verifiqué si mi servidor cumplía con los requisitos del complemento una vez más. Todo estuvo bien.
2. Después de eso, eliminé todos los complementos para excluir el conflicto.
3. Luego desactivé y eliminé Gutenberg y WooCommerce, así como también eliminé el complemento de función Bloque de productos.
4. Borré el caché de mi sitio web y el caché del navegador.
5. Reemplacé mi tema predeterminado de WordPress con Storefront (el tema recomendado por WooCommerce).
6. Instalé y activé WooCommerce y Gutenberg una vez más. Y luego instalé y activé WooCommerce Gutenberg Products Block.
7. Revisé la lista de bloqueos en Gutenberg, nada...

Todo eso no ayudó, así que yo...

1. …decidí probar con otro servidor (también cumplía con los requisitos). Instalé WooCommerce y luego Gutenberg en otro sitio web y me ofrecieron instalar y activar el Bloque de productos para Gutenberg de inmediato, así que lo hice. Sin embargo, el bloque de productos nunca apareció...
2. Incluso probé todo eso en diferentes navegadores, pero nada cambió.
3. Probé todo eso con diferentes temas de WordPress, nada…

¡Solo un código abreviado!

La página de inicio del complemento en WordPress.org dice que los errores deben informarse en el repositorio de GitHub, así que fui allí para leer lo que dice la gente.

Uno de los problemas abiertos hace varios días incluía el mensaje de que este error se confirmó como un problema, pero los bloques aún funcionaban en el front-end porque eran los códigos cortos por origen.

Uno de los usuarios dijo que el bloque existente volvió a ser un bloque clásico con el código abreviado:

[columnas de productos=”…” ids=”…” orderby=”fecha”]

Parece que debería definir una cantidad de columnas en las que quiero que se muestren mis productos y luego insertar las ID de producto separadas por comas en el código abreviado. ¿O no?

He decidido probarlo en mi sitio web para asegurarme de que realmente funciona. Solo tengo algunos productos de prueba en mi lista de productos,

así que inserté sus ID en el código abreviado y obtuve algo como esto:

Actualicé mi publicación y entré en vivo para ver cómo se veía. No, no funcionó, solo se mostró un producto.

Así que edité mi publicación y agregué un shortcode más (en realidad, solo dupliqué el primer bloque de shortcode y cambié la identificación del producto en mi nuevo bloque).

Y luego tenía una identificación de producto en cada código abreviado.

Actualicé la publicación y ahora...

¡Funciona! Se muestran todos los productos.

Es una pena que haya numerosas publicaciones que promocionen este nuevo complemento de función de bloque de productos de WooCommerce para Gutenberg, pero como resultado obtenemos lo que vemos ahora, el bloque no funciona hasta ahora. Al menos, no funciona como debe y como se prometió y se presentó a… Espero actualizar esta publicación tan pronto como se solucione este error.

Tuya,
Melany H.

Actualización posterior al 13 de septiembre de 2018:

¡Finalmente! Se ha lanzado la actualización Gutenberg 3.8.0, ¡ahora WooCommerce Gutenberg Products Block funciona como debe! Lee una nueva reseña.