Je souhaite obtenir des informations sur une formation complète concernant le thème DIVI dispensé
par un organisme de formation certifié par l’état.
Que la formation soit finançable par mon CPF (idéalement) ou autre


introduction

Divi Mega Pro vous permet d’ajouter un panier déroulant WooCommerce à votre menu en tant que méga menu. Ceci est également connu comme un mini panier, un méga menu de panier d’achat ou un panier de menu.

Voici un exemple de mini panier WooCommerce:

Nous pourrait Placez le shortcode du panier WooCommerce dans un Divi Mega Pro. Cependant, le shortcode du panier peut être placé sur des pages et est trop gros pour un petit mini-panier de méga-menu. Au lieu de cela, nous utilisons le widget de panier WooCommerce, qui est la taille parfaite pour un mini panier! Grâce à Divi, nous pouvons facilement placer n’importe quel widget WordPress dans Divi Mega Pro. Suivez les étapes ci-dessous pour voir comment!

Étape 1: Ajout d’un nouveau widget pour le panier

1. Allez dans Apparence> Widgets
2. Créez une nouvelle zone de widget personnalisée. Après avoir cliqué sur le bouton Créer, vous devrez peut-être actualiser la page.
3. Depuis la liste des widgets, ajoutez le widget « Panier » à la zone « Widget personnalisé »

étape 2: Accéder aux articles Divi Mega Pro

1. Accédez au tableau de bord WordPress
2. Ouvrez Divi Mega Pro CPT (type de publication personnalisé)
3. Accédez à votre publication Divi Mega Pro ou créez-en une nouvelle

étape 3: Création du Mega Menu Mini Cart dans Divi Mega Pro

1. Ajoutez une nouvelle section normale et 1 ligne de colonne.
2. Ajoutez un « Module de barre latérale » et sélectionnez le widget que vous avez créé précédemment.
3. Réglez la largeur du méga menu à 25%.
Si vous ne savez pas comment définir une largeur personnalisée pour le méga menu, voici comment suivre ce tutoriel.

4e Déclenchez la publication Divi Mega Pro à partir d’un élément de menu.
Si vous ne savez pas comment déclencher un méga menu Divi Mega Pro, vous pouvez suivre ce tutoriel.

Paramètres additionnels

Puisque nous utilisons les modules Divi, certains paramètres sont nécessaires. Ces paramètres peuvent être définis dans les paramètres du module et via CSS. Donc:

Changer la largeur du contenu dans la zone du widget
Cette partie est importante.
C’est là que vous devez ajouter du CSS à votre conception pour voir le contenu en pleine largeur. Sans cet extrait, vous verrez:

Alors corrigeons-le avec un petit extrait de CSS!

1. Accédez à votre publication Divi Mega Pro.
2. Allez dans Paramètres du module de la barre latérale> onglet Avancé> ID CSS et classes> Ajouter une classe CSS: mini-cart-mm
3. Ajoutez « Module de code » et collez cet extrait:

<style>
.mini-cart-mm .et_pb_widget{
width: 100%!important;
}
.mini-cart-mm .woocommerce img{
width: 75px!important;
}
</style>


Sauvegarder les modifications. Mieux! 😍

Supprimez le séparateur du bord du widget.
Cela peut être fait dans les paramètres du module> onglet Conception> Désactiver les séparateurs



Source link

Recent Posts