Analyse approfondie des modules spéciaux du thème Avada : rotation des produits, grille des produits et hotspot d'images (05)

Dans le dernier numéro, nous avons exploréParamètres de base des modules dans le thème AvadaJe suis sûr que vous avez déjà une bonne compréhension de ce module. Aujourd'hui, nous allons continuer à expliquer certains modules plus spéciaux, tels que les modules WooCommerce Product Rotator, Product Grid et Image Hotspot. Ces modules fournissent des options plus flexibles pour l'affichage des produits et des caractéristiques fonctionnelles, de sorte que votre site Web peut afficher le contenu d'une manière plus riche et plus diversifiée. Nous allons maintenant nous pencher sur les paramètres et les scénarios d'application de ces modules spéciaux !

Si nous avons besoin de présenter des produits, nous pouvons choisir WooCommerce et le thème avec le module syndiqué.

Ajoutons un Woo ProductCarousel

La rotation est une ligne de produits au sens de la diapositive, si vous avez besoin de cet effet vous pouvez considérer ce module

Le côté gauche peut définir sa mise en page, ainsi que le nombre de produits à afficher, le nombre de colonnes, ainsi que dans ce module d'afficher un certain nombre d'éléments, tels que les catégories, les étiquettes, les prix, les boutons, etc, qui ne parle pas un par un, la traduction directe peut être comprise !

Si vous ne trouvez pas cet effet à votre goût

Vous avez également la possibilité deWoo ProductGrid(Grille de produits)

Par exemple, le module rotatif ci-dessus n'a qu'une zone de configuration, pas de configuration des couleurs et des effets dynamiques, mais les grilles de produits suivantes sont la conception (Design) et les effets dynamiques des paramètres, de sorte que vous regardez la situation réelle, vous devez prendre une fonction riche en fonctionnalités est certainement la suivante

Ensuite, nous créons un module de points chauds pour les images (Image Hotspots).

Ce module est généralement utilisé si vous devez définir des points de distribution sur l'image, c'est-à-dire des points d'ancrage, tels que des cartes, votre point de vente, et si vous présentez les caractéristiques de ce produit.

Nous utilisons ici le logo Apple comme démo, et l'image d'arrière-plan est également aléatoire

Alors, comment faire pour le mettre en place ?

Item : c'est le point d'ancrage sur la photo, vous pouvez comprendre de cette façon, j'en ai mis trois, vous pouvez en mettre plus en fonction de vos besoins.

Après avoir cliqué sur Modifier, vous pouvez définir sa position, faire glisser pour visualiser l'effet du côté droit, horizontal et vertical, mais il est recommandé d'ajuster l'icône et la couleur de l'élément avant de le faire glisser, car s'il n'est pas évident ou s'il est recouvert par l'arrière-plan, l'effet en temps réel sera manqué, comme suit

Ensuite, nous pouvons également définir l'icône de l'élément, ainsi que le texte tactile

Texte déclencheur : texte directement affiché.

Popover Heading : il ne s'affiche que lorsque l'élément est touché, il s'agit du titre.
Contenu de la fenêtre contextuelle : Il s'agit de la description

Deuxièmement Général : Définir l'image d'arrière-plan, la largeur et la position ici, comme indiqué ci-dessus.

De même que le design (Design) permet ici de concevoir la couleur d'une partie de l'article, ainsi que ses effets d'animation.

Chaque étape doit être mise en place pour obtenir de bons résultats.

résumés

Ce numéro devrait vous permettre de mieux comprendre ces modules spéciaux du thème Avada. Qu'il s'agisse du module WooCommerce pour l'affichage des produits ou du module image hotspot avec effet interactif, Avada fournit des outils diversifiés pour vous aider à mieux améliorer l'expérience utilisateur de votre site web. Nous espérons que ce numéro vous sera utile, n'hésitez pas à laisser un commentaire ou à nous contacter, nous continuerons à partager plus d'astuces et de méthodes pratiques sur le thème Avada dans le prochain numéro.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.