Le widget Carrousel de témoignages vous permet d’afficher un carrousel coulissant de témoignages de clients dans une variété de conceptions.

Contenu

Diapositives

Articles

Affiche une liste de tous les éléments de la diapositive. Vous pouvez les faire glisser et les déposer pour modifier leur ordre. Cliquez sur le Ajouter un élément bouton pour ajouter un autre élément à la liste.

Conseil: dupliquez ou supprimez rapidement des éléments en cliquant sur l’ icône Dupliquer ou Supprimer d’ un élément .

  1. Contenu : saisissez le texte du témoignage
  2. Image : téléchargez ou choisissez une image dans la médiathèque
  3. Nom : saisissez le nom du client
  4. Titre : saisissez le titre du client

 

  1. Peau : sélectionnez une peau prédéfinie, par défaut ou bulle
  2. Disposition : Choisissez parmi Image en ligne, Image empilée, Image ci-dessus, Image gauche, Image droite
  3. Alignement : alignez le témoignage à gauche, au centre ou à droite
  4. Diapositives par vue : sélectionnez le nombre de diapositives à afficher à la fois, de 1 à 10
  5. Diapositives à faire défiler : sélectionnez le nombre de diapositives à faire défiler par balayage, de 1 à 10
  6. Largeur : définissez la largeur du widget
Options additionelles:
  1. Flèches : afficher ou masquer les flèches de navigation
  2. Pagination : sélectionnez le style de pagination du carrousel, soit Aucun, Points, Fraction ou Progression.
  3. Durée de la transition : définissez le temps entre le mouvement de la diapositive, en millisecondes
  1. Lecture automatique: faites glisser vers OUI pour que le carrousel glisse automatiquement
  2. Vitesse de lecture automatique: définissez la vitesse à laquelle le carrousel glissera, en millisecondes
  3. Boucle infinie : réglé sur OUI pour que le carrousel continue de glisser, indéfiniment
  4. Pause lors de l’interaction : définissez sur OUI pour que la lecture automatique soit suspendue lorsque le carrousel est survolé avec une souris ou cliqué
  5. Taille de l’image : définissez la taille de l’image, de la miniature à la taille complète, ou entrez une taille personnalisée

Style

Diapositives

  1. Espace entre : contrôlez l’espace entre les diapositives
  2. Couleur d’arrière-plan : choisissez la couleur d’arrière-plan des diapositives
  3. Taille de la bordure : définissez l’épaisseur de la bordure autour de chaque diapositive
  4. Rayon de la bordure : définissez le rayon de la bordure pour contrôler l’arrondi des coins
  5. Couleur de la bordure : choisissez une couleur pour la bordure
  6. Remplissage : définissez le remplissage à l’intérieur de la bordure de chaque diapositive

Contenu

  1. Gap : contrôlez l’espace entre l’image et le texte du témoignage
  2. Couleur du texte : choisissez la couleur du texte du témoignage
  3. Typographie : modifiez les options de typographie pour le texte du témoignage

Nom

  1. Couleur du texte : choisissez la couleur du nom
  2. Typographie : modifiez les options de typographie du nom

Titre

  1. Couleur du texte : choisissez la couleur du titre
  2. Typographie : modifiez les options de typographie du titre

Image

  1. Taille : ajustez la taille de l’image
  2. Espace : si Image Inline est sélectionné, l’écart contrôle l’espace entre l’image et le nom et le titre
  3. Bordure : faites glisser vers OUI pour placer une bordure autour de l’image
  4. Couleur de la bordure : si la bordure est définie sur OUI, choisissez la couleur de la bordure
  5. Largeur de la bordure : si la bordure est définie sur OUI, définissez l’épaisseur de la bordure autour de l’image
  6. Rayon de la bordure : définissez le rayon de la bordure pour contrôler l’arrondi des coins. Cette option est disponible même si Bordure est définie sur NON

La navigation

Flèches

  1. Taille : ajustez la taille des flèches de navigation
  2. Couleur : choisissez la couleur des flèches de navigation

Pagination

  1. Taille : ajustez la taille de la pagination
  2. Couleur : choisissez la couleur de la pagination

Bulle (Options disponibles uniquement si vous utilisez le skin Bubble)

  1. Couleur d’arrière-plan : choisissez la couleur de l’arrière-plan de la bulle
  2. Rembourrage : définissez le rembourrage dans la bulle
  3. Rayon de la bordure : définissez le rayon de la bordure pour contrôler l’arrondi des coins. Cette option est disponible même si Bordure est définie sur NON.
  4. Bordure : faites glisser vers OUI pour placer une bordure autour de la bulle
  5. Couleur de la bordure : si la bordure est définie sur OUI, choisissez la couleur de la bordure
  6. Largeur de la bordure : si Bordure est définie sur OUI, définissez l’épaisseur de la bordure autour de la bulle

Remarque : la lecture automatique est affectée par la politique de lecture automatique de Google sur les navigateurs Chrome.

Source : https://docs.elementor.com/article/447-testimonial-carousel