Comment utiliser les onglets Elementor avec des onglets imbriqués pour afficher des effets dynamiques de changement de couleur et de rotation ?

faire passer (un projet de loi, une inspection, etc.) Onglet Elementor répondre en chantant onglet imbriqué L'effet d'affichage dynamique obtenu grâce à cette fonction est particulièrement adapté aux sites web de commerce électronique. Lorsque l'utilisateur clique sur différentes options de couleur, le produit change non seulement de couleur, mais déclenche également un effet d'animation rotative, offrant aux visiteurs une expérience plus immersive et interactive. Cet effet améliore l'expérience de l'utilisateur et l'attrait visuel du site. Il est particulièrement adapté à l'affichage de produits de couleurs et de styles différents et aide les utilisateurs à mieux comprendre et sélectionner les produits.

scénario d'application: :

Site web de commerce électronique (affichage des couleurs des produits): :
Les onglets imbriqués sont très utiles dans les plateformes de commerce électronique, en particulier pour la vente de produits multicolores tels que les vêtements, les accessoires, les chaussures et les produits électroniques. Les utilisateurs cliquent sur différentes options de couleur, la couleur et le style du produit changent instantanément et, en même temps, grâce à l'effet de rotation dynamique, l'interactivité et le plaisir de l'affichage du produit sont renforcés.

Vitrine des vêtements et accessoires: :
Pour les articles de mode tels que les vêtements, les chaussures électriques, les sacs, etc., l'image peut être rapidement changée après avoir cliqué sur différentes options de couleur, et différents angles du produit peuvent être affichés grâce à des effets de rotation dynamique. Les utilisateurs peuvent voir clairement les détails de chaque couleur, ce qui améliore l'expérience d'achat.

Vitrine électronique: :
Lors de la présentation de produits électroniques tels que les téléphones mobiles et les ordinateurs portables, cet effet interactif permet de montrer plusieurs couleurs ou styles du produit. Chaque fois que l'utilisateur sélectionne une couleur différente, l'image du produit affiché change et pivote pour montrer différentes perspectives du produit, aidant ainsi le consommateur à faire un choix plus éclairé.

Salon du meuble et de l'ameublement: :
Pour les meubles, la décoration intérieure, etc., les utilisateurs peuvent sélectionner différentes options de couleur ou de matériau et, lorsqu'ils cliquent dessus, le produit change non seulement de couleur, mais pivote également pour montrer ses différents détails. Cet effet interactif améliore non seulement l'engagement de l'utilisateur, mais l'aide également à comprendre le produit de manière plus intuitive.

Vitrine des cosmétiques et des produits de beauté: :
L'affichage de différentes couleurs (par exemple, rouge à lèvres, fond de teint) pour les produits cosmétiques, les soins de la peau et d'autres produits peut également être présenté avec cet effet d'onglet et de rotation. Les utilisateurs peuvent voir un affichage plus dynamique des produits lorsqu'ils cliquent pour sélectionner différentes couleurs, ce qui rend la décision d'achat plus amusante.

Adresse de démonstration :https://demo-show.361sale.com/elementor-effects-11

Adresse de téléchargement du fichier ↓

Après avoir cliqué sur Get Download File, vous obtiendrez un fichier.

Veillez à ce quemontageIl est déjà installé.Elementor Free Edition et Elementor Pro Edition. SeulementVersion Pro d'Elementoralors seulementImportation de modèlesFonction.

La partie arrière du site trouvepage webCliquez pour ajouternouvelle page. Comme illustré ci-dessus :

commencer à utiliserÉditeur Elementor. Comme illustré ci-dessus :

Cliquez sur pour ajouter le fichier à côté duicône (informatique)C'est-à-dire.pochoir. Comme illustré ci-dessus :

Cliquez sur le coin supérieur droit de l'écrantéléchargerpuis cliquez sur le boutonSélectionnez un fichierSélectionnez ensuite le fichier local que vous venez deFichiers téléchargés. Comme illustré ci-dessus :

Retournez ensuite dans Mes modèles pour voir le modèle que nous venons d'importer et cliquez sur le boutonavant-premièresVisualisez l'effet, puis sélectionnezbâton. Comme indiqué ci-dessus.

Visualisez les résultats une fois l'importation terminée, il est possible que l'importation ne soit pas terminée.pied de pagerépondre en chantantpieds de pageIl est alors nécessaire de choisir lepochoirEn haut.

Cliquez sur le modèle que nous venons d'importer dans la fenêtrepage webpuis cliquez surcompilateur. Comme illustré ci-dessus :

Sélectionnez le modèle et choisissezélémentaire toileJ'ai choisi celui-ci parce queL'en-tête et le pied de page ne s'affichent pasL'écran n'affiche que leContenu du modèle. Comme indiqué ci-dessus.

en même tempsModifier des pages avec elmentorSélectionParamètres du siteDans la sélection desouverture (jargon des échecs). Comme illustré ci-dessus :

Veillez également à ce que la même chose soitElementorModèle de toile. De cette manière, il n'y aura pas dele resteContenu. Comme ci-dessus :

Veuillez fermerEn-têtes et pieds de pageÀ l'intérieur, après avoir cliqué surnestleL'intérieur est illustré ci-dessus :

Enfin, cliquez sur Conserver, puis vérifiez si l'effet frontal fonctionne.

Si la couleur de la police ne correspond pas à la couleur du bouton, veuillez ajuster la couleur de la police car elle est basée sur la couleur principale et la couleur du bouton par défaut du site.

La première option, s'il n'y a pas d'interférence avec d'autres pages du site, consiste à définir les couleurs globales et les boutons pour les paramètres du site. Comme indiqué ci-dessous :

La deuxième option consiste à définir directement la couleur du module correspondant, comme indiqué ci-dessous :