Aide
Pages statiques et rubriques
Comment créer un carrousel d'images ?
Comment créer un carrousel d'images ?
Vous pouvez créer un seul carrousel par page. Si vous tentez de créer plusieurs carrousel, seul le carrousel situé le plus haut dans la page sera fonctionnel.
La fonction du carrousel est disponible dans l'éditeur (dans les pages statiques et les rubriques).
1 -
Dans l'éditeur, insérez toutes les images que vous voulez voir apparaître dans le carrousel.
Pour que le carrousel fonctionne, il faut absolument que toutes les images soient de la même dimension (au pixel près)
Pour notre exemple, nous avons créer 5 images qui mesure 400 pixels x 200 pixels
2 -
Placez les images les unes par dessus les autres.
Attention : les images doivent être placées exactement au même endroit (au pixel près) sinon le carrousel ne fonctionnera pas.
Pour notre exemple nous allons placer les images au pixel L:130 et au pixel T:20
créer une boutique internet
Note : La première image que vous allez placer sera celle qui sera vue la dernière dans le carrousel. La dernière image que vous allez placer sera la première qui sera vue dans le carrousel.
Pour notre exemple, nous avons placé l'image numéro 5 en premier, suivie de l'image numéro 4, l'image numéro 3, l'image numéro 2 et finalement l'image numéro 1 sur le dessus. De cette façon, dans le site, ce sera l'image numéro 1 qui sera la première dans le carrousel, suivi de l'image numéro 2, l'image numéro 3, l'image numéro 4 et finalement l'image numéro 5 en dernier.
3 -
Enregistrez votre travail en cliquant sur la petite disquette de l'éditeur.
logiciel boutique internet
L'icône suivant apparaîtra sur la dernière image que vous avez placée, confirmant que le carrousel fonctionne.
marchand site
4 -
Allez dans votre site et rafraîchissez la page. Vous pourrez voir votre carrousel.
créer un site marchand
De façon automatique, il y a un certain nombre de seconde entre l'affichage des images ainsi que des flèches et des boutons qui ont été configurés pour le carrousel mais vous pouvez les changer selon vos goûts et vos besoins.
Pour accéder aux outils pour personnaliser le carrousel, double-cliquez sur la première image du carrousel, les outils apparaîtront.
Note 1 : les outils pour personnaliser le carrousel sont visibles seulement si l'image sur laquelle vous double-cliquez fait partie du carrousel.
Note 2 : Quand vous faites des changements et que vous allez dans votre site pour vérifier le résultat, n'oubliez pas de rafraîchir votre site afin de voir les changements que vous avez fait.
vente en ligne
- Le nombre de secondes entre l'affichage des images :
Cliquez dans le cercle qui correspond au nombre de seconde que vous désirez qu'il y ait entre l'affichage des images. Un petit cercle noir apparaîtra, confirmant votre choix. Si vous choisissez le chiffre 4, il y aura 4 secondes de délai entre l'affichage de chaque image.
solution e-commerce
- L'effet d'apparition des images :
Pour que les images soient collées les unes aux autres et glissent de gauche à droite, choisissez cette option :
creation site web gratuit
Pour que les images s'affichent les unes après les autres sans glissement, choisissez cette option :
ecommerce
- Insérer un lien dans les images du carrousel :
Si vous voulez qu'en cliquant sur une image de votre carrousel, le client soit redirigé sur une autre page, vous devez :
A ) Sur chacune de vos images, inscrire le lien de la page dans laquelle vous voulez que le client soit redirigé dans la section ''Mettre le URL ou l'adresse email''.
créer des sites internet
B ) Choisir ensuite cette option :
portail
Si vous voulez que ce soit l'image suivante qui apparaisse quand un client clique sur une image du carrousel, choisissez cette option :
créer ecommerce
Note : s'il y a une adresse inscrite dans la section ''Mettre le URL ou l'adresse email'', le client sera redirigé sur cette adresse s'il clique sur l'image. Vous devez donc supprimer l'adresse inscrite dans la section ''Mettre le URL ou l'adresse email'' pour que le client puisse voir l'image suivante s'il clique sur une image du carrousel.
- L'ordre d'apparition des images du carrousel :
Si vous voulez que les images apparaissent dans l'ordre dans lequel vous les avez placées dans la page, choisissez cette option :
conception multimedia
Si vous voulez que les images apparaissent de façon aléatoire en ne tenant pas compte de l'ordre dans lequel vous avez placées les images dans la page (random), choisissez cette option :
boutique en ligne
- L'icône de téléchargement :
Vous pouvez choisir la couleur de l'icône qui apparaît pour signifier que les images du carrousel sont en train de se télécharger. Cliquez dans le cercle de la couleur de l'icône de téléchargement qui vous convient le mieux, un petit cercle noir apparaîtra, confirmant votre choix.
créer site vente en ligne
Résultat dans le site :
ebusiness
Si vous ne voulez pas d'icône de téléchargement, cliquez dans le cercle vide sans icône, un petit cercle noir apparaîtra, confirmant votre choix.
solution ecommerce
- Les boutons pour changer les images du carrousel :
Si vous ne voulez pas que les boutons pour changer les images du carrousel apparaissent, choisissez cette option :
site e-commerce
Si vous voulez que les boutons pour changer les images du carrousel apparaissent, choisissez cette option :
solution boutique en ligne
Pour que les boutons apparaissent à la gauche du carrousel, choisissez cette option :
site de ecommerce
Voici le résultat dans le site :
créer une boutique en ligne
Pour que les boutons apparaissent au milieu du carrousel, choisissez cette option :
site internet commerce
Voici le résultat dans le site :
sites ecommerce
Pour que les boutons apparaissent à la droite du carrousel, choisissez cette option :
solution e commerce
Voici le résultat dans le site :
comment vendre par internet
Pour déterminer l'emplacement des boutons, inscrivez un chiffre dans la case. Vous pouvez entrer un chiffre entre -50 et 500.
Exemple : vous inscrivez le chiffre -20.
créer commerce en ligne
Voici le résultat dans le site :
prestataire e-commerce
Exemple : vous inscrivez le chiffre 150.
e-business
Voici le résultat dans le site :
online vente
Vous pouvez choisir le type de bouton, pour cela, cliquez dans le cercle situé sous le bouton qui vous convient le mieux, un petit cercle noir apparaîtra, confirmant votre choix.
boutiques en ligne
- Les flèches pour changer les images du carrousel :
Si vous ne voulez pas que les flèches pour changer les images du carrousel apparaissent, choisissez cette option :
e-commerce
Si vous voulez que les flèches pour changer les images du carrousel apparaissent, choisissez cette option :
site web ecommerce
Pour que les flèches apparaissent dans le haut du carrousel, choisissez cette option :
creation de site marchand
Voici le résultat dans le site :
page perso créer
Pour que les flèches apparaissent dans le milieu du carrousel, choisissez cette option :
créer son site marchand
Voici le résultat dans le site :
enligne
Pour que les flèches apparaissent dans le bas du carrousel, choisissez cette option :
créer site commerce
Voici le résultat dans le site :
créer vente en ligne
Pour déterminer l'emplacement des flèches, inscrivez un chiffre dans la case. Vous pouvez entrer un chiffre entre -60 et 60.
Exemple : vous inscrivez le chiffre -30.
créer sa boutique en ligne
Voici le résultat dans le site :
créer boutique internet
Exemple : vous inscrivez le chiffre 4.
créer boutique en ligne
Voici le résultat dans le site :
site web commerce
Vous pouvez choisir le type de flèche, pour cela, cliquez dans le cercle situé sous les flèches qui vous conviennent le mieux, un petit cercle noir apparaîtra, confirmant votre choix.
comment créer site internet
Pourquoi mon carrousel ne fonctionne pas ?
Il y a trois raisons possibles :
1 - Vos images ne sont pas toutes de la même dimension.
2 - Quand vous avez placées les images les unes par dessus les autres, il y a une ou des images qui ne sont pas placées exactement au même endroit (au pixel près).
3 - Vous avez tenté d'insérer un texte ou une image entre les images du carrousel.
Le carrousel et le mobile
Le carrousel n'est pas visible dans la version mobile de votre site.
Si vous voulez qu'il y ait quand même une image qui soit visible dans la version mobile à la place qu'occupe le carrousel, faites ceci :
1 -
Insérez sur la page l'image que vous voulez voir apparaître dans la version mobile, elle doit être légèrement plus petite (de quelques pixels) que les images qui font partie de votre carrousel.
Exemple : les images du carrousel mesure 400 pixels par 200 pixels. L'image que vous voulez voir apparaître dans la version mobile mesure 399 pixels x 199 pixels
Placez l'image légèrement plus petite en premier. Placez ensuite les autres images (qui font partie de carrousel) par dessus l'image plus petite.
2 -
De cette façon, les clients qui seront dans la version régulière de votre site verront le carrousel et les clients qui seront dans la version mobile de votre site verront l'image légèrement plus petite seulement (sans le carrousel).

©2020 KingEshop