Mise en évidence du plug – in Divi: module Carousel pour les produits Divi

Le module de Carrousel produit Divi est un plug – in tiers de Divi qui affiche les produits woocommerce dans le curseur de carrousel. Construisez le Carrousel produit et placez – le dans n’importe quelle disposition Divi. Vous pouvez les modéliser et sélectionner plusieurs options de mise en page et d’affichage. Dans cet article, nous étudierons le module de Carrousel du produit Divi et nous étudierons ses caractéristiques et sa facilité d’utilisation. Les modules de Carrousel de produits Divi sont disponibles sur le site Web du développeur et sur le marché Divi. Module de Carrousel Divi Une fois le plug – in chargé et activé, allez au diviseur dans le menu du tableau de bord et activez la licence. Si ce développeur fournit plusieurs plug – ins, vous devez sélectionner l’onglet plug – ins. Divi Builder a ajouté un nouveau module appelé Product carouse. Inclure une icône violette pour se démarquer de la masse. Les paramètres comprennent le contenu, la conception et les onglets avancés. L’onglet contenu a les paramètres du contenu woocommerce. Sélectionnez votre type de produit dans les cases déroulantes récentes, caractéristiques, ventes, best – seller, score le plus élevé ou catégorie de produit. Entrez un nombre pour calculer la quantité de produits à afficher. Choisissez un ordre de popularité, de notation, de date ou de prix. Vous pouvez également activer le bouton Ajouter au panier et les instructions. Affiche une description complète ou un extrait. Les paramètres du Carrousel vous permettent de sélectionner le nombre de colonnes en fonction de l’équipement utilisé. Il comprend également plusieurs diapositives (activer ou désactiver le défilement pour glisser une diapositive à la fois en fonction du nombre de diapositives à l’écran), l’espacement des éléments, la durée de la transition, le centrage, la boucle, la lecture automatique, la navigation avec des points et des flèches, l’alignement et les effets de diapositives. D’autres paramètres incluent des liens et des arrière – plans. Ce qui est intéressant, c’est que vous pouvez utiliser
Le contenu URA est en haut (si vous placez le titre ou le prix au – dessus de l’image). C’est comme ça que ça se passe à l’avant. La flèche à droite indique plus clairement qu’elle se trouve à la fin du produit que vous pouvez voir. Si je le mets en boucle, ce sera la couleur normale. C’est l’apparence lorsque le débordement est sélectionné. Fournit des effets de papier 3D agréables. Vous pouvez ajuster la quantité de rotation et activer les ombres de diapositives. Dans cet exemple, j’a I mis une ombre de boîte sur ces cartes et j’ai ajusté le flou. J’a I aussi changé la flèche en cercle et j’ai ajusté la couleur. Voici l’apparence de l’extrémité avant arrière avec le curseur central activé. C’est une disposition à 4 colonnes. Lorsque vous sélectionnez le Centre de diapositives, il s’affiche différemment. Il s’agit d’une disposition à cinq colonnes qui utilise les mêmes paramètres que l’exemple ci – dessus. Le produit Carrousel est parfait pour la disposition Divi. Dans cet exemple, j’ai remplacé le module Divi Shop par le module Divi Product carouse et je l’ai conçu pour correspondre à la disposition. Dans cet article, j’ai déplacé le titre vers le haut, j’ai ajouté quelques remplissages vers le haut et vers le bas, et j’ai fait le titre en demi – gras. J’ai également changé la couleur du bouton Ajouter au panier pour correspondre à la mise en page. Pour ce faire, j’ai ajusté les bords des diapositives et des images pour créer des filets. Je continue à tourner ces images en cercles. J’ai aussi ajouté une ombre de boîte. Ça a l’air super dans la mise en page. Cependant, il cache la plupart des badges de vente. Il peut y avoir un moyen de résoudre ce problème avec CSS. Ceci utilise un débordement dans une disposition de 3 colonnes. Pour ce faire, j’ai supprimé les bords de l’image, mais j’ai gardé les bords de la diapositive. J’a i ajouté une ombre de boîte et ajusté son intensité et sa position. Il affiche également le niveau d’étoile du commentaire lorsque vous passez le curseur. Évaluation du site
À côté du bouton Ajouter au panier. Il les combine avec une belle animation. Ce sont les paramètres par défaut. Vous pouvez modéliser les couleurs de l’arrière – plan et des étoiles. Dans cet article, j’ai modélisé les notations pour correspondre aux éléments de mise en page. Pour cela, j’ai augmenté le prix et abaissé le cours des actions. J’ai ajouté des descriptions et des superpositions. J’ai déplacé le point de navigation vers la droite. J’ai dû ajouter du remplissage pour montrer l’ombre sur le côté de la boîte. Sans remplissage, placez le produit à la limite de l’espace du module.
Démonstration du module de Carrousel Divi du produit Il y a actuellement 13 démos à télécharger sur le site Web du développeur. Ces mises en page peuvent être téléchargées dans la Bibliothèque Divi et utilisées avec n’importe quelle mise en page Divi. Tout cela inclut les styles des modules de carrosserie de produits Divi, et certains contiennent d’autres modules et un arrière – plan avec des styles. Ceux – ci sont très utiles pour obtenir le point de départ de la conception du produit Carrousel et certaines choses que le module de présentation peut faire. Voyons quelques uns d’entre eux. Cela place le titre en haut, le style en haut et en bas pour correspondre, ajoute des flèches circulaires à l’extérieur de l’image et inclut des points. Il a également un bord inférieur qui fait ressortir la diapositive. J’aime les couleurs audacieuses. Le Haut et le bas sont transparents de sorte que le motif de fond soit visible. Cette disposition comprend un formulaire de texte avec le style de titre. De nombreuses mises en page comprennent d’autres modules avec des styles. Ceci utilise une disposition à deux colonnes, en utilisant un formulaire texte et un bouton pour ajouter une invitation à l’action. C’est ce qui se passe à l’avant. Comprend deux couleurs pour la bordure, le titre en haut et le bouton Ajouter au panier. Les flèches sont affichées dans l’image du module. Il s’agit notamment d’un fond vert et d’un diaporama de mode correspondant. Pursan
Ajouter au panier est vert clair lorsque vous passez le curseur sur le produit, puis vert foncé lorsque vous passez le curseur sur le bouton. Inclure un formulaire de texte avec le style de titre. Cela comprend le style bleu du badge de vente, les flèches circulaires à l’extérieur de l’image et le bouton Ajouter au panier. Ajoutez une petite bordure à la diapositive. Affiche une diapositive avec un effet de débordement. Cela montre également les produits qui ont un effet de débordement. Les flèches et le bouton Ajouter au panier sont également en bleu. Le titre passe en haut. Le couvercle est blanc avec une grande opacité et le badge de vente est rouge. Il s’agit notamment d’un fond élégant et d’une bordure d’ajout, d’un bouton Ajouter au panier avec un style, d’un badge de vente et d’une flèche circulaire. Le revêtement est blanc. Placez le prix en haut et toutes les autres données en bas. Prix et documentation du module de Carrousel Divi produit Il existe deux options d’achat pour le module de carouse de produits Divi: un site unique – 19 $un site illimité – 39 $disponible sur le site Web du développeur et sur le marché. Ce document est fourni par une vidéo YouTube qui vous guidera sur ces fonctionnalités. Vous trouverez un lien vers le tableau de bord dans le menu diviseur. S’il y a plus d’un produit diviger, sélectionnez l’onglet produits et sélectionnez documentation. Divi Product carouse est facile à utiliser et idéal pour différencier vos produits. Même si vous ne voulez pas les afficher comme des curseurs, il y a beaucoup d’options de style et de présentation à considérer. Ma collaboration avec extra n’est pas très bonne. J’aimerais voir un support supplémentaire parce qu’il a déjà beaucoup de fonctionnalités woocommerce et est une bonne plate – forme pour créer woocommerce store. J’aime qu’il ait une démo téléchargeable. Ils comprennent l’arrière – plan et le style du module. Ceux – ci sont bons pour vous donner un point de départ ou stimuler votre imagination