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

Vous pouvez concevoir une mise en page en namp;rsquoutilisant que les éléments désirés et en les plaçant à lamp;rsquoendroit désiré. Ces modules ont des icônes uniques qui les rendent faciles à trouver en un coup damp;rsquooeil. Construire une mise en page pour WC Product Builder dans la Bibliothèque Divi Jamp;rsquoa 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 avez créée est affichée au lieu de la mise en page par défaut. Il samp;rsquoagit en fait damp;rsquoun changement à Demo 1, donc je namp;rsquoa 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 aider à démarrer rapidement. Beaucoup damp;rsquoentre eux incluent des styles personnalisés. Au moins un exemple comprend lamp;rsquoutilisation damp;rsquoun 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 ne pouvez pas les éditer à partir de Divi Builder dans lamp;rsquoéditeur de produits woo. Pour les modifier, sélectionnez Édition dans la Bibliothèque Divi (comme namp;rsquoimporte quelle mise en page dans la bibliothèque). Vous pouvez également les 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. Lamp;rsquoimage ci dessus montre les paramètres que je vais utiliser pour chaque présentation. Jamp;rsquoai 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. Jamp;rsquoai ajouté:
Cartes, curseurs, interrupteurs, accordéons, etc. Le Code Court ne samp;rsquoapplique quamp;rsquoaux produits de cette page de produit, de sorte que ne pouvez pas les utiliser sur des pages, des messages ou des widgets normaux. Jamp;rsquoa i ajouté un interrupteur dans la zone CTA de la démonstration 8 et jamp;rsquoai 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 à lamp;rsquointérieur du commutateur. Voir aussi la description que jamp;rsquoai créée avec Divi Builder. Jamp;rsquoai essayé plusieurs modules qui pouvaient accepter le Code court, chacun fonctionnant comme prévu. Regardons le formulaire damp;rsquoonglet qui montre la description que jamp;rsquoai 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 lamp;rsquoutilise sans barre latérale. Vous pouvez également lamp;rsquoutiliser dans la zone de description du produit, qui fonctionne bien avec la fonctionnalité woocommerce damp;rsquoextra. Lamp;rsquoexemple ci dessus utilise la disposition standard du produit woocommerce, mais aussi la description du produit que jamp;rsquoai 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ù 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 aider à démarrer. Jamp;rsquoai trouvé ce plugin facile à utiliser