Dans une boutique WooCommerce, les images des produits sont le principal centre d'intérêt des utilisateurs. Si vous souhaitez créer des pages produits plus attrayantes et interactives, et pour ceux qui ne veulent pas utiliser Elementor Pro, un plugin payant, Essential Addons est le choix idéal pour vous.

Ce tutoriel vous explique comment utiliser la fonction Elementor Free Editionrépondre en chantant Plugin Essential AddonsIl est facile de personnaliser l'affichage des images de produits, y compris la rotation, la disposition des vignettes, l'affichage en pop-up et d'autres effets visuels avancés.

I. Préparation de l'enfichage

Avant de commencer, assurez-vous d'avoir effectué les réglages suivants :

• Installé et activé :
  • Plugin WooCommerce
  • Elementor (version gratuite)
  • Addons essentiels pour le plugin Elementor
• Les produits de la boutique ont été ajoutés, assurez-vous que les produits ont des images.

Activation du widget Woo Product Images

• Allez dans le backend et cliquez sur"Le Modules complémentaires essentiels > éléments "

• Faites défiler jusqu'à éléments de WooCommerce Activez la zone " Images de produits Woo "Widgets

• Cliquez sur le bouton "?§§".Sauvegarder les paramètres"

Troisièmement, créer et modifier des modèles de page produit

• Aller à "Templat > Theme Builder"

• Cliquez sur le bouton "?§§".Produit unique"Onglets

• Les modèles existants peuvent être sélectionnés pour être modifiés ou en cliquant sur le boutonAjouter un nouveau modèle"

• Réglez les paramètres suivants :
  • Sélection de l'éditeur :Elementor
  • Type de modèle :Produit unique
  • Nommez le modèle et cliquez sur "Créer un modèle".

Une fois le modèle créé, cliquez sur "Modifier avec Elementor"dans l'éditeur.

Quatrièmement, ajouter et personnaliser l'affichage de l'image du produit

Ajouter des composants :

• Rechercher dans Elementor pour "Images de produits Woo"

• Faire glisser le composant à un endroit approprié de la page

Paramètres de contenu (onglet Contenu) :

Les réglages suivants peuvent être effectués :

• adapter Résolution de l'image
• Interrupteur marche/arrêt Pagination
• mettre en place Numéro et position de la vignette
• mettre en place Styles de navigation des imagesetCommutation de boucle
• commencer à utiliser Fenêtre contextuelle pour agrandir l'image (Image Popup)

Onglet Style :

Embellir davantage les images des produits :

• Couleur d'arrière-plan de l'image, style de bordure, espacement
• Espacement entre les vignettes
• Changement de style au passage de la souris
• Paramètres de style et de taille de la fenêtre contextuelle

Paramètres avancés (onglet Avancé) :

L'affichage de l'image peut être finement optimisé en réglant les options suivantes :

• Marge
• Rembourrage
• Paramètres réactifs avec hiérarchie Z-index

V. Définition des conditions d'affichage et des modèles de publication

• Cliquez sur le coin inférieur droit de l'écranPublier"

• Dans la fenêtre pop-up, cliquez sur "Ajouter une condition"
• Réglez la logique d'affichage comme suit :
  • Premier point :Inclure
  • Deuxième point :Singulier
  • Le troisième point :Produit

• Cliquez sur le bouton "?§§".Enregistrer et fermer"

De cette manière, le modèle est automatiquement appliqué à tous les WooCommerce Pages individuelles sur les produits.

VI. visualisation de l'effet

En visitant n'importe quelle page de produit, vous pourrez voir l'effet de l'affichage de l'image du produit qui vient d'être mis en place, l'ensemble étant plus beau, plus professionnel, mais aussi pour améliorer l'expérience de navigation de l'utilisateur.

VII. introduction à l'ensemble des modules complémentaires essentiels

Essential Addons offre aux utilisateurs d'Elementor plusieurs ensembles de fonctionnalités puissantes qui peuvent être adaptées pour répondre à différents besoins.

Vous trouverez ci-dessous la liste officielle des prix des forfaits :

forfait de produits ou de services (par exemple, pour un abonnement à un téléphone portable)	prix	durée	Activation du site web	Soutien et mises à jour	gadget	Fonctionnalité étendue	Templatley PRO Accès gratuit
Illimité à vie	$199.98 $249	illimité	?	?	85+ gadgets	15 extensions	?
Illimité	$79.98 $99	1 an	?	?	85+ gadgets	15 extensions	?
1 Site web	$39.98 $49	1 an	?	?	85+ gadgets	15 extensions	?

Vous pouvez voir que le prix officiel de l'offre illimitée est de 79 $, le prix est encore relativement élevé, en raison de notre site Web et de la promotion de coopération officielle d'Essential Addons, nous avons obtenu le prix de réduction officiel, veuillez cliquer sur le lien suivantce lienDemande de renseignements et achat.

résumés

utiliser Addons essentiels pour le plugin ElementorVous pouvez personnaliser la zone d'affichage des images dans les pages produits de WooCommerce de manière flexible sans acheter Elementor Pro, y compris les vignettes, les aper?us popup, la navigation par pagination et d'autres fonctionnalités pour rendre vos pages produits plus attrayantes visuellement. Pour plus de tutoriels et d'informations sur WordPress, veuillez consulter les sites suivantsRéseau de fluctuation des photonsavec les tutoriels WordPress les plus complets et les plus actifs.Communauté d'échange WordPress.

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.