WooCommerce 3.0 apporte une galerie de produits améliorée, des friandises pour les développeurs et plus encore

Il est difficile de croire que cela fait si longtemps depuis notre dernière version majeure de WooCommerce, mais parfois de bonnes choses valent la peine d'attendre.

Aujourd'hui, nous sommes fiers de dévoiler la version WooCommerce 3.0 , qui comprend :

• Une galerie de produits mise à jour avec un nouveau zoom, une vue de la galerie et des fonctionnalités mobiles
• Améliorations multiples de la vitesse et des performances
• L' ajout des classes CRUD
• Une nouvelle CLI optimisée par l'API REST

Ce sont quelques ajouts importants, et il y a encore plus à explorer dans le papillon bionique, alors passons directement aux choses sérieuses !

Montrez les images de vos produits dans la galerie remaniée

Nous avons parlé de réorganiser l'expérience de la galerie sur les pages de produits individuelles presque depuis la sortie de la version 2.6 l'année dernière. Nous n'étions pas satisfaits des fonctionnalités de la galerie depuis longtemps, en particulier sur les appareils mobiles et les écrans plus petits, et nous avons estimé qu'il était temps de changer.

Après avoir répondu à un sondage et effectué des tests internes, nous avons finalement proposé une nouvelle galerie qui avait plus de fonctionnalités, était beaucoup plus adaptée aux mobiles et était plus intuitive que l'itération précédente.

Voici une courte vidéo de la galerie en action :

Dans la galerie remaniée, qui apparaîtra sur les pages produit individuelles, vous trouverez :

• Les acheteurs peuvent désormais à la fois agrandir les images de la page et les zoomer à partir d'une fenêtre contextuelle lightbox
• Si vous avez plusieurs images, le comportement de la galerie est plus intuitif ; par exemple, cliquer sur une vignette met à jour l'image que vous visualisez déjà au lieu d'ouvrir une fenêtre contextuelle lightbox
• Des améliorations spectaculaires pour les vues de la galerie mobile, y compris les gestes tactiles : faites glisser pour faire défiler la galerie, pincez pour zoomer et faites glisser vers le haut pour fermer l'image actuelle
• Zoomer sur une image de produit sur mobile affiche désormais la taille réelle de l'image - auparavant, elle était mise à l'échelle pour correspondre à la (très petite) fenêtre du navigateur, ce qui n'était pas une expérience idéale !

Nous pensons que ces améliorations créent une expérience plus rapide et plus facile pour les acheteurs qui visualisent les images de vos produits, en particulier sur les appareils mobiles, et leur donnent la possibilité de zoomer et de voir ces petits détails. Si vous ne l'avez pas déjà fait, c'est le moment idéal pour vous assurer d'avoir plusieurs images de produits en place pour tous vos articles !

Vous pouvez en savoir plus sur la galerie ici, et découvrir ce que vous pourriez avoir besoin de mettre à jour pour la compatibilité si vous êtes un développeur de thème.

Surveillez les améliorations de performances, en particulier dans les grands magasins

Nous travaillons toujours pour rendre WooCommerce plus rapide et plus efficace, et cette mise à jour n'est pas différente. Nous avons intégré plusieurs améliorations de performances significatives dans la version 3.0, que vous remarquerez probablement si vous avez un magasin plus grand (en particulier avec plusieurs centaines de produits ou de nombreuses variantes différentes).

Deux des améliorations spécifiques que nous aimerions souligner :

• Nous utilisons maintenant des taxonomies pour déterminer et afficher la visibilité des produits, les produits en vedette et les produits en rupture de stock au lieu de la post-méta plus lente, et
• Nous avons réduit le nombre de requêtes pour les ventes incitatives et les produits connexes sur les pages de produits et de paniers.

Mais ce n'est qu'un échantillon des améliorations que nous avons apportées. La liste complète est disponible sur le post de la version bêta originale, si vous êtes curieux. Mais la chose la plus importante que vous devez savoir, c'est que nous travaillons activement à accélérer les grands magasins, à la fois dans cette version et dans les versions futures.

Présentation des classes CRUD - ce qu'elles sont et comment elles aideront les développeurs

Jusqu'à cette version, les développeurs disposaient de plusieurs façons d'écrire des données dans la base de données pour les commandes, les produits, etc. La récupération des données peut également être effectuée de plusieurs manières. Tout cela nécessitait que les développeurs sachent quel type de données ils essayaient de modifier, et ce n'était pas idéal : c'était long et compliqué.

Pour optimiser le stockage des données, nous devons nous assurer que les développeurs utilisent une seule méthode d'écriture et de récupération des données . C'est pourquoi nous introduisons les classes CRUD avec cette version.

CRUD signifie C reate , Read, U pdate , Delete — les quatre opérations de base que vous pouvez effectuer sur une ressource. Avec les classes CRUD ajoutées à WooCommerce 3.0, vous pouvez modifier les commandes, les produits, les clients, les éléments de campagne, les zones d'expédition, les jetons de paiement et les coupons avec moins de code dans un système unifié .

Les avantages de cet ajout :

• Nous définissons les données pour chaque ressource et contrôlons son flux et sa validation
• Vous n'aurez besoin de connaître que les noms des données avec lesquelles vous travaillez, au lieu des types ou des détails internes
• Les données peuvent être déplacées ailleurs (comme des tables personnalisées) sans affecter le code existant
• Moins de code signifie moins de modifications et plus de tests

Pour plus d'informations sur les classes CRUD dans WooCommerce et comment les utiliser, lisez le post de Mike annonçant leur ajout à cette version sur le blog Develop WooCommerce.

Gérez les données plus rapidement avec la nouvelle CLI

Un plaisir de plus pour les développeurs : nous avons remanié notre interface de ligne de commande (CLI). Initialement, la CLI WooCommerce était alimentée par son propre code distinct de l'API REST. Cela signifiait que le code pouvait être dupliqué accidentellement dans la base de code et que certaines choses possibles dans l'API REST n'étaient pas du tout possibles avec la CLI.

La nouvelle CLI est alimentée par l'API REST et est un fork de Restful. Cela réduit la quantité de code que nous aurons besoin de maintenir, vous donne plus de puissance et signifie que les commandes seront toujours à jour à mesure que nous améliorons l'API REST.

Le message de Justin sur le blog Develop WooCommerce contient plus de détails, ainsi qu'une liste de commandes que vous pouvez utiliser à partir d'aujourd'hui.

Et ce n'est pas tout

À vrai dire, WooCommerce 3.0 a bien plus à offrir que ce que nous avons souligné jusqu'à présent, mais il est difficile de tout intégrer dans un seul article. Voici d'autres modifications que vous voudrez peut-être connaître :

• Tri automatique des taux de taxes , ce qui facilite l'ajout et la gestion de nouvelles zones fiscales
• L' avis sur l'ensemble du site peut désormais être ignoré par les clients
• La gestion des réseaux WordPress / utilisateurs multisites a été mise à jour afin que WooCommerce ajoute les utilisateurs existants au magasin actuel si l'utilisateur a déjà un compte dans le même réseau (cela a entraîné une erreur dans 2.6)
• Nous avons fusionné les types de coupons de pourcentage de panier et de pourcentage de produit en une seule méthode, réduisant ainsi la confusion et les erreurs causées par la validation basée sur le panier
• Et enfin, une journalisation améliorée pour les développeurs

Vous pouvez lire une liste complète des changements et des fonctionnalités dans le post de la version bêta sur notre blog de développement.

Pourquoi cette version est 3.0 au lieu de 2.7

Comme vous l'avez peut-être vu dans les e-mails ou les discussions en ligne, cette version devait initialement être numérotée 2.7 et publiée à la mi-mars. Mais nos plans ont changé au cours du processus de test bêta et, comme nous l'avons annoncé, nous avons estimé qu'il était temps de passer à un nouveau système de publication.

À l'avenir, les versions de WooCommerce utiliseront Semantic Versioning , qui dicte que les versions majeures - celles avec des modifications d'API ou susceptibles d'affecter la compatibilité des extensions, comme celle-ci - reçoivent un nouveau numéro de version majeure (ex. 4.0, 5.0). Les versions mineures et les correctifs, en revanche, recevront des versions ponctuelles (ex. 3.1, 3.2).

Nous utilisons cette méthode dans le but de mieux décrire le contenu de chaque version et de vous dire en un coup d'œil l'impact potentiel qu'une version peut avoir sur votre boutique. Nous espérons que cela augmentera également la confiance dans les versions mineures et les correctifs, et vous aidera à mettre à jour WooCommerce plus rapidement lorsqu'une de ces mises à jour est publiée.

De plus, à l'avenir, nous prévoyons d'ajouter plus de temps pour les tests bêta et les versions candidates après l'annonce de nouvelles versions majeures . Cela est dû aux commentaires utiles que nous avons reçus sur notre (alors) publication de la version 2.7 de la part de développeurs qui souhaitaient plus de temps pour tester.

Nous apprécions énormément tous les commentaires et conseils qui nous ont amenés à mettre en œuvre ce nouveau système de version, à la fois la gestion sémantique des versions et les périodes de test plus longues. Nous sommes impatients d'essayer cela avec les prochaines mises à jour et nous attendons avec impatience vos commentaires sur la façon dont cela se passe !

Prêt à essayer le papillon bionique ? Votre mise à jour est en attente

Nous espérons que vous avez apprécié la lecture de WooCommerce 3.0 . Lorsque vous êtes prêt à essayer, consultez notre documentation sur la mise à jour, assurez-vous que vos sauvegardes sont en place, puis récupérez la mise à jour depuis votre tableau de bord WordPress.

Si vous rencontrez un problème lors de la mise à jour ou si vous trouvez ce que vous pensez être un bogue, voici ce qu'il faut faire :

Pour les choses spécifiques à surveiller avec 3.0, les problèmes de compatibilité potentiels et les mises à jour en cours sont sur notre blog de développement.

Que pensez-vous du papillon bionique ? Faites le nous savoir dans les commentaires!