WooCommerce + Gutenberg 3.7.0 – Amis ou ennemis ? Allons-nous facilement utiliser le bloc de produits dans notre nouvel éditeur WP

Bonjour les amis! Comme je l'ai récemment promis dans mon article sur Gutenberg, nous apprendrons sous peu à gérer les produits de votre boutique en ligne avec l'aide de Gutenberg.

Aujourd'hui, je brûlais de l'idée de présenter fièrement une revue complète et de l'appeler, par exemple, quelque chose comme "eCommerce + Gutenberg - Comment l'éditeur aide à vendre en ligne ? – Apprenez et gagnez ». Et je savais que ce serait formidable d'acquérir une expérience absolument nouvelle dans la gestion de ma boutique de commerce électronique, et de mes produits en particulier.

Un petit problème a changé mes plans et, jusqu'à présent, vous ne verrez pas beaucoup d'instantanés pittoresques et de guides détaillés sur la façon de faire briller votre magasin avec Gutenberg. Je vais maintenant réviser une nouvelle solution de commerce électronique pour Gutenberg qui m'intéressait vraiment.

Bloc de produits WooCommerce Gutenberg – Résoudre le problème

J'ai un site Web WP où je teste de nouvelles solutions intéressantes pour les blogs et la vente en ligne. Chaque fois que j'essaie de nouvelles extensions, add-ons ou plugins, je tire mes propres conclusions quant à leur efficacité pour mes besoins personnels. Je partage également mon avis avec ceux qui ont probablement les mêmes besoins que les miens et qui souhaitent connaître quelques retours sur certains plugins avant de les utiliser pour leurs nouveaux sites web.

Vous vous demanderiez probablement : « Testez-vous des plugins premium ? Non? Mais si vous ne testez que des versions gratuites, pourquoi les autres ne peuvent-ils pas faire de même ? Ils peuvent simplement installer n'importe quel plugin et le tester sans lire les commentaires.

Bien sûr qu'ils le peuvent ! Mais le seul problème est le temps. Je passe parfois des heures à tester de nombreuses piles de plugins avant de sélectionner celui qui convient, qui fonctionne sans bug et qui offre les fonctionnalités dont j'ai vraiment besoin.

Je suis heureux de vous faire gagner du temps, mes chers amis! Vous n'aurez pas à feuilleter les tas de solutions inutiles avant de sélectionner celle qui est simple, intuitive et efficace pour votre site web.

Donc, cette fois, je voudrais dire quelques mots essentiels sur l'utilisation d'un plugin spécialement développé pour ajouter des produits via Gutenberg - l'éditeur visuel WordPress amélioré et étendu qui a remplacé le classique avec succès.

Il s'agit du bloc de produits WooCommerce Gutenberg que j'espère toujours tester dans un avenir proche. (Il y a une semaine, j'ai pu l'installer et l'activer absolument gratuitement, du moins il n'y avait aucune notification indiquant que je devais passer à Pro).

Voyons quelles sont les exigences du plugin :

• La dernière version du plugin Gutenberg ;
• WooCommerce 3.3.0 ou supérieur ;
• PHP version 5.2.4 ou supérieure (PHP 7.2 ou supérieur est recommandé) ;
• MySQL version 5.0 ou supérieure (MySQL 5.6 ou supérieur est recommandé).

C'est bon, voyons maintenant ce que j'ai:

• Version PHP : 5.6.33-0+deb8u1 ;
• Version MySQL : 5.6.39 ;
• Gutenberg 3.7.0 ;
• WooCommerce 3.4.5.

On dirait que tout va bien. Rien ne m'empêche donc d'essayer ce plugin, n'est-ce pas ?

Eh bien, comme j'ai déjà installé et configuré WooCommerce, je n'ai eu aucune hésitation, j'ai donc installé et activé l'éditeur Gutenberg en quelques clics. Juste après l'activation, on m'a proposé d'essayer un nouveau plugin de fonctionnalité pour cela; et c'était le bloc de produits WooCommerce Gutenberg.

Bien sûr j'étais intéressé et j'ai immédiatement activé le plugin. Tout allait bien et le bloc Produits est devenu disponible dans la liste des blocs de Gutenberg. J'étais heureux. Et j'espérais essayer ce plugin de fonctionnalité pour créer un produit pour mon magasin un peu plus tard.

Le lendemain, j'ai décidé de faire un examen des blocs Gutenberg par défaut pour le partager avec vous ici. J'ai décidé de désactiver temporairement le bloc de produits WooCommerce Gutenberg, puis de l'activer plus tard pour l'examiner.

Près d'une semaine s'est écoulée et aujourd'hui, j'ai décidé de revenir sur mon idée de saisir l'opportunité d'ajouter et de gérer des produits dans Gutenberg à l'aide d'un bloc de produits. J'ai vérifié les exigences du plugin et j'ai compris que mon serveur les remplissait. WooCommerce et Gutenberg sont déjà actifs et prêts à fonctionner, je viens donc d'activer le plugin Products Block sans aucune hésitation.

Je suis allé dans Messages -> Tous les messages et j'y ai trouvé un message existant, j'ai cliqué sur le lien Modifier pour ouvrir un message avec Gutenberg. J'ai été surpris de découvrir qu'il n'y avait pas de bloc Produits dans la liste des blocs disponibles.

Hmm, j'étais perplexe et j'ai créé un nouveau message (option Ajouter un nouveau) et le résultat était le même.

Est-il possible de résoudre le problème ? Voyons voir.

Juste quelques mots sur ce que j'ai fait pour savoir s'il était possible de résoudre le problème (vous pouvez ignorer cette description et faire défiler vers le bas pour voir le résultat).

1. J'ai donc vérifié si mon serveur répondait une fois de plus aux exigences du plugin. Tout était bien.
2. Après cela, j'ai supprimé tous les plugins pour exclure le conflit.
3. Ensuite, j'ai désactivé et supprimé Gutenberg et WooCommerce, ainsi que le plugin de fonctionnalité Products Block.
4. J'ai vidé le cache de mon site Web et le cache de mon navigateur.
5. J'ai remplacé mon thème WordPress par défaut par Storefront (le thème recommandé par WooCommerce).
6. J'ai de nouveau installé et activé WooCommerce et Gutenberg. Et puis j'ai installé et activé WooCommerce Gutenberg Products Block.
7. J'ai vérifié la liste des blocs dans Gutenberg, rien…

Tout cela n'a pas aidé, alors j'ai...

1. …résolu d'essayer un autre serveur (répond également aux exigences). J'ai installé WooCommerce puis Gutenberg sur un autre site Web et on m'a proposé d'installer et d'activer le bloc de produits pour Gutenberg immédiatement, alors je l'ai fait. Cependant, le bloc de produits n'est jamais apparu…
2. J'ai même essayé tout cela dans différents navigateurs, mais rien n'a changé.
3. J’ai essayé tout ça avec différents thèmes WordPress, rien…

Juste un shortcode !

La page d'accueil du plugin sur WordPress.org indique que les bogues doivent être signalés sur le référentiel de GitHub, alors je suis allé là-bas pour lire ce que les gens disent.

L'un des problèmes ouverts il y a plusieurs jours incluait le message indiquant que ce bogue avait été confirmé comme un problème, mais les blocs fonctionnaient toujours dans le front-end car il s'agissait des codes abrégés par origine.

L'un des utilisateurs a déclaré que le bloc existant était revenu à un bloc classique avec le shortcode :

[produits colonnes=”…” ids=”…” orderby=”date”]

Il semble que je devrais définir un certain nombre de colonnes dans lesquelles je souhaite que mes produits soient affichés, puis insérer les ID de produit séparés par des virgules dans le shortcode ? Ou non?

J'ai décidé de l'essayer sur mon site Web pour m'assurer que cela fonctionne vraiment. J'ai juste quelques produits de test dans ma liste de produits,

j'ai donc inséré leurs identifiants dans le shortcode, et j'ai obtenu quelque chose comme ceci:

J'ai mis à jour mon message et je suis allé en direct pour voir à quoi il ressemblait. Non, cela n'a pas fonctionné, un seul produit était affiché.

J'ai donc édité mon message et ajouté un autre shortcode (en fait, je viens de dupliquer le premier bloc de shortcode et de changer l'identifiant du produit dans mon nouveau bloc).

Et puis j'avais un identifiant de produit dans chaque shortcode.

Mise à jour du post et maintenant…

Ça marche! Tous les produits sont affichés.

C'est dommage qu'il y ait eu de nombreux messages faisant la promotion de ce nouveau plugin de fonctionnalité WooCommerce Products Block pour Gutenberg, mais en conséquence, nous obtenons ce que nous voyons maintenant, le bloc ne fonctionne pas jusqu'à présent. Du moins, cela ne fonctionne pas comme il se doit et comme il a été promis et présenté à… J'espère mettre à jour ce message dès que ce bogue sera corrigé.

Le tiens,
Mélanie H.

Mise à jour du 13 septembre 2018 :

Pour terminer! La mise à jour Gutenberg 3.8.0 a été publiée, maintenant le bloc de produits WooCommerce Gutenberg fonctionne comme il se doit ! Lire une nouvelle critique.