Mise en évidence du plug – in Divi: fabricant de produits WC

Vous pouvez concevoir une mise en page en n’utilisant que les éléments désirés et en les plaçant à l’endroit désiré. Ces modules ont des icônes uniques qui les rendent faciles à trouver en un coup d’oeil. Construire une mise en page pour WC Product Builder dans la Bibliothèque Divi J’a i créé une mise en page dans la Bibliothèque Divi en utilisant les modules woocommerce et Divi. Sur la page produits woocommerce, je sélectionne la mise en page dans la boîte déroulante. La mise en page que vous avez créée est affichée au lieu de la mise en page par défaut. Il s’agit en fait d’un changement à Demo # 1, donc je n’a i pas besoin de créer un style ou une grande partie de la mise en page. Comme pour tout bon projet de mise en page, les démonstrations sont très utiles pour gagner du temps.
Présentation du fabricant WC 8 démos sur le site du développeur sont incluses dans un téléchargement séparé pour vous aider à démarrer rapidement. Beaucoup d’entre eux incluent des styles personnalisés. Au moins un exemple comprend l’utilisation d’un code court. Téléchargez la démo dans la Bibliothèque Divi. Les mises en page ne sont pas chargées dans Divi Builder comme les mises en page régulières, donc vous ne pouvez pas les éditer à partir de Divi Builder dans l’éditeur de produits woo. Pour les modifier, sélectionnez Édition dans la Bibliothèque Divi (comme n’importe quelle mise en page dans la bibliothèque). Vous pouvez également les télécharger ou les créer dans des messages ou des pages et les enregistrer dans la bibliothèque pour utilisation dans les pages de produits. Pour les utiliser, sélectionnez la mise en page désirée dans la boîte déroulante à droite appelée choisir la mise en page du produit Divi. Je ne peux pas prévisualiser la mise en page, donc pour voir la mise en page, je dois mettre à jour le produit. L’image ci – dessus montre les paramètres que je vais utiliser pour chaque présentation. J’ai ajouté du texte virtuel pour les descriptions de produits, les images de couverture de produits, les images de premier plan et les bibliothèques de produits. Disposition par défaut du produit woocommerce Cet exemple utilise la disposition standard du produit woo. J’ai ajouté:
Cartes, curseurs, interrupteurs, accordéons, etc. Le Code Court ne s’applique qu’aux produits de cette page de produit, de sorte que vous ne pouvez pas les utiliser sur des pages, des messages ou des widgets normaux. J’a i ajouté un interrupteur dans la zone CTA de la démonstration 8 et j’ai entré un code court pour afficher le titre, la description, le prix, la cote et le bouton Ajouter au panier. Les éléments de code Court sont affichés à l’intérieur du commutateur. Voir aussi la description que j’ai créée avec Divi Builder. J’ai essayé plusieurs modules qui pouvaient accepter le Code court, chacun fonctionnant comme prévu. Regardons le formulaire d’onglet qui montre la description que j’ai créée en utilisant Divi Builder. Utiliser WC Product Builder et extra Les mises en page sont aussi efficaces que les autres. Voici la démo 5. Je l’utilise sans barre latérale. Vous pouvez également l’utiliser dans la zone de description du produit, qui fonctionne bien avec la fonctionnalité woocommerce d’extra. L’exemple ci – dessus utilise la disposition standard du produit woocommerce, mais aussi la description du produit que j’ai créée avec Divi Builder. Licences, documents et où acheter trois licences: un site Web – 19 $5 sites – 29 $illimité – 39 $les documents sont disponibles en tant que série de billets de blog sur le site Web du développeur pour aider à répondre aux questions et à démarrer. Le plug – in peut être acheté sur le site Web du développeur. WC Product Builder convertit chaque élément woocommerce en un seul module, ajoutant de nombreux modules à Divi Builder pour créer une nouvelle disposition de produit woocommerce. Il ajoute également Divi Builder à la zone de description du produit, où vous pouvez ajouter 14 éléments différents au module Divi en utilisant le Code court. Cela crée de nombreuses possibilités de conception. Ils comprennent également 8 présentations pour stimuler votre imagination et vous aider à démarrer. J’ai trouvé ce plugin facile à utiliser