skip to Main Content

Comment créer un slider sur votre boutique WooCommerce

Divi : le thème WordPress le plus facile à utiliser

Divi : Le meilleur thème WordPress de tous les temps !

Avec plus de 600.000 téléchargements, Divi est le thème WordPress le plus populaire au monde. Il est complet, facile à utiliser et livré avec plus de 62 templates gratuits. [ Recommandé ]

Savez-vous ce que c’est un slider ? Une incroyable fonctionnalité qui a déjà fait mainte fois ses preuves sur internet. Dans le passé, je vous ai montré comment ajouter plusieurs types de slider, mais aujourd’hui, je vous montrerai comment créer un slider de produits WooCommerce sur WordPress.

Remarque : Je suppose que vous savez déjà comment installer WooCommerce.

Comment installer et configurer le plugin « WooCommerce Dynamic Gallery »

Pour gagner en temps, je vous invite à installer le plugin directement depuis votre tableau de bord WordPress. Mais vous pouvez également télécharger le plugin sous forme de fichier ZIP.

woocommerce-dynamic-gallery

Après avoir installé et activé le plugin, un nouveau menu « Dynamic Gallery » sera disponible dans le grand menu « WooCommerce ».

dynamic-gallery-menu

Cherchez-vous les meilleurs thèmes et plugins WordPress ?

Téléchargez les meilleurs plugins et thèmes WordPress sur Envato et créez facilement votre site web. Déjà plus de 49.720.000 de téléchargements. [EXCLUSIF]

En cliquant dessus, vous accéderez à une nouvelle page composée de plusieurs onglets.

L’onglet « Settings »

Dans cet onglet, vous pouvez :

  • Désactiver le slider défaut pour celui disponible « Disable it »
  • Activer une popup, vous avez le choix entre 3 popups dans la section « Image Zoom Function »
  • Activer la galerie « Gallery Activation Default »
  • Réinitialiser l’activation de la galerie sur tous les produits
  • Activer les variations des produits sur la galerie.
  • Nettoyer les données après désinstallation « House Keeping »

reglages-dynamic-gallery

L’onglet « Gallery Style »

Ici, vous avez un grand nombre d’options disponible pour la personnalisation du style du Slider. Vous pouvez par exemple :

  • Définir les dimensions du slider et activer les dimensions fixes dans la section « Gallery Dimensions »
  • Définir quelques options du slider (démarrage automatique, transition, la durée des transitions)
  • Définir les couleurs du slider
  • Activer le contrôle de la barre de navigation
  • Personnaliser la zone des détails de chaque image « Caption text »

Remarque : N’oubliez pas de sauvegarder vos réglages à chaque fois.

onglet-gallery-style

Créez Facilement votre Boutique en ligne

Téléchargez gratuitement WooCommerce, le meilleurs plugins e-commerce pour vendre vos produits physiques et numériques sur WordPress. [GRATUIT]

L’onglet « Image Thumbnails »

Cet onglet vous permet tout simplement de personnaliser la taille des miniatures.

onglet-thumbnails

Comment afficher une galerie sur un produit

Rien de plus simple. Ouvrez un produit que vous avez déjà créé (ceci marche également si vous créez un nouveau produit). Défilez vers le bas jusqu’à la section « A3 Dynamic Image Galerie activé ».

Cliquez ensuite sur l’insigne « + » pour ajouter de nouvelles images.

A3-metabox

Vous pouvez désormais consulter votre produit et voir comment le slider s’affiche sur ce dernier.

Créez Facilement votre blog avec SiteGround

SiteGround vous permet de créer votre blog WordPress en quelques clics seulements. Nom de domaine gratuit, hébergement sécurisé, SSL, transfert et bien plus encore... [ Recommandé ]

demonstration-dynamic-gallery-plugin

C’est tout pour ce tutoriel sur l’affichage des photos d’un produit dans une galerie sur WordPress. N’hésitez pas à partager l’article avec vos amis.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Thèmes WordPress cool que j'ai trouvé sur
Et il y a plus de 50 000 thèmes et modèles parmi lesquels choisir!

Back To Top
14 Partages
Partagez10
Tweetez1
Enregistrer3
WhatsApp