Le nouveau générateur de thème de Divi automatise la façon dont nous créons le site Web de Divi. Par exemple, lors de la conception drsquoune page produit, nous nrsquoeffectuons qursquoun seul processus de création, puis nous pouvons assigner la conception à toutes les pages produit. Crsquoest exactement ce que nous allons montrer dans le tutoriel cas drsquoutilisation drsquoaujourdrsquohui. Nous guiderons dans la mise en place de modèles de page de produits en bois au niveau du site en utilisant Divi. Nous commencerons par modéliser les pages de produits Woo par défaut pour un produit spécifique afin qursquoelles correspondent aux paquets de mise en page de lrsquoécran. Nous allons continuer à enregistrer la mise en page dans la Bibliothèque Divi et lrsquoutiliser comme hôte global dans le nouveau modèle que nous avons créé.
Allons y! Aperçu Téléchargement gratuit exemple de modèle de page de produit pour obtenir un exemple gratuit de modèle de page de produit, devez drsquoabord le en utilisant les boutons ci dessous. Pour accéder au téléchargement, devez abonner à notre liste de diffusion quotidienne Divi en utilisant le tableau ci dessous. En tant que nouvel utilisateur, recevrez plus de Divi Goods et un paquet gratuit Divi Layout le lundi! êtes déjà sur la liste, il suffit de saisir votre adresse e mail ci dessous et cliquez sur . Vous ne serez pas « ré abonné » ou recevrez un courriel supplémentaire. Télécharger le fichier
Inscrivez à Divi Newsletter et nous enverrons par courriel une copie du dernier paquet de mise en page de la page drsquoatterrissage Divi, ainsi qursquoun grand nombre drsquoautres ressources, conseils et astuces Divi gratuits. Suivez nous et serez bientôt maître Divi. êtes déjà abonné, entrez votre adresse e mail ci dessous et cliquez sur pour accéder au paquet Layout.
Vous êtes inscrit avec succès. Vérifiez votre adresse e mail pour confirmer votre abonnement et Obtenez gratuitement le paquet hebdomadaire Divi Layout! 1. Activez Divi Builder sur les produits existants pour activer Divi et
Nous aimerions également apporter quelques modifications au corps du texte des modules suivants: Woo bread module: Text settings Woo module ajouter au panier: Text settings Woo Description module: Text settings Woo Meta module: Text settings Woo tab module: Text settings Woo tab module: Text settings Woo tab module: Text settings Woo tab module: Text Settings Woo tab module: tab text settings Open each of the listed modules Et changez la taille du texte et la hauteur de la ligne de texte comme suit:
Taille du texte: 16 pixels (bureau et tablette), 14 pixels (téléphone) hauteur de la ligne de texte: 2 em (bureau et tablette), 1,7 em (téléphone) Paramètres du texte du titre nous changeons également le style du titre. Nous appliquerons des modifications à chaque module: Woo header module: header text settings Woo Related Product module: header text settings Woo Related Product module: Product header text settings we only changed the header Character and header Character weights. Police de titre: roboto police de titre en gras
Ensuite, nous voulons nous assurer que les éléments cliquables sont mis en évidence. Nous allons changer la couleur du texte du lien pour les deux modules suivants: module Woo breadcrum: module Woo Meta: couleur du texte du lien Voici le Code de couleur que nous utilisons: Couleur du texte du lien: ff7145 Nous aimerions également fournir un style pour le texte de prix, en commençant par le module Woo price. Module de prix Woo: paramètres du texte de prix modifier les paramètres du texte de prix comme suit: caractères de prix: caractères de prix roboto: caractères de prix en gras couleur du texte de prix: ff7145
Puis ouvrez le formulaire Woo products. Module produit lié au bois: paramètres de prix textuels et quelques modifications aux paramètres textuels de
Une fois la conception de la page produit terminée, pouvez enregistrer toute la mise en page dans la Bibliothèque Divi. Allez à Divi Theme Builder et il est temps de convertir la mise en page en modèle de page produit! Pour ce faire, allez à Theme Builder dans les paramètres Divi. Ajouter un nouveau modèle cliquez sur Ajouter un nouveau modèle pour continuer. Sélectionnez tous les produits dans lrsquoonglet utilisation des paramètres du modèle pour appliquer le modèle à tous les produits en même temps. Ajoutez des entités personnalisées à partir de la bibliothèque et cliquez sur ajouter des entités globales. Au lieu de créer un corps personnalisé à partir de zéro, nous choisirons la disposition que nous venons drsquoenregistrer dans la Bibliothèque Divi. Allez à lrsquoonglet votre mise en page enregistrée pour sélectionner la mise en page enregistrée. 4. Après avoir sauvegardé les options du générateur de thème et visualisé le corps du modèle de création de modèle sur le produit existant, il ne reste qursquoune chose à faire Enregistrer les modifications. Après avoir sauvegardé le nouveau modèle, pouvez prévisualiser chaque produit et noter que le même modèle de carrosserie a été appliqué au produit! Aperçu Dans nous montrons comment créer un modèle de page de produit au niveau du site. Nous utilisons drsquoabord le module divi woo pour modifier les pages des produits existants. Nous avons apporté quelques modifications mineures à la page du produit pour lrsquoadapter au paquet de mise en page de lrsquoécran. Nous continuons à enregistrer la mise en page de la page produit dans la Bibliothèque Divi. Nous avons ensuite créé un nouveau modèle et téléchargé la mise en page dans le corps du modèle de page produit pour lrsquoappliquer à tous nos sites Web. Nous espérons que ce tutoriel aidera à créer de beaux sites de commerce électronique en utilisant le nouveau thème Builder de Divi! avez des questions, assurez de laisser un commentaire dans la section commentaires ci dessous. avez hâte d’en savoir plus sur Divi et Rice
avez plus de cadeaux sur Divi, assurez de abonner à notre newsletter et à YouTube Channel afin que soyez toujours lrsquoune des premières personnes à en apprendre davantage sur ce contenu gratuit et à en bénéficier.
Comment utiliser Divi & 39 pour créer des modèles de page de produits en bois au niveau du site Web Générateur de thème s
