Créer un nouveau carrousel

Ce guide explique comment configurer un nouveau carrousel d'images ou de vidéos, en définissant les options générales et en configurant chaque diapositive individuelle.

---

1. Paramètres Généraux du Carrousel

Pour commencer, définissez le titre et les options de fonctionnement du carrousel.

1. Accédez à la section de création ou de modification du carrousel.

2. Dans le champ Titre slider, saisissez un nom identifiant pour le carrousel.

3. Cochez la case Visible sur le site si vous souhaitez que le carrousel soit immédiatement actif.

Configuration des Options

Dans la section Options, définissez les dimensions et le comportement du carrousel :

1. Hauteur slider :

• Dans le champ numérique, saisissez la hauteur souhaitée.
• Dans le menu déroulant à côté, sélectionnez l'unité de mesure (par exemple, px pour pixels, vh pour hauteur de la fenêtre).

2. Autoplay : Saisissez le nombre de secondes après lesquelles la diapositive doit changer automatiquement. Laissez vide pour désactiver l'autoplay.

3. Loop : Sélectionnez Oui pour faire recommencer le carrousel depuis la première diapositive une fois terminé.

4. Flèches : Sélectionnez Oui pour afficher les boutons de navigation (flèches) permettant de passer d'une diapositive à l'autre.

5. Cochez la case Ordre aléatoire pour afficher les diapositives dans un ordre non séquentiel.

2. Ajouter et Configurer les Diapositives

Dans la section Slides, ajoutez et personnalisez le contenu de chaque diapositive individuelle.

1. Cliquez sur le bouton pour ajouter une nouvelle diapositive (généralement identifié comme Ajouter ou Nouvelle Slide). Un nouvel onglet de configuration s'ouvrira.

2. Dans le champ Titre Slide, saisissez un titre interne pour identifier la diapositive (utile pour l'organisation).

Contenu de la Diapositive

1. Dans le champ Contenu, saisissez le texte ou les éléments qui seront affichés au-dessus de l'arrière-plan de la diapositive.

• Note : Ce champ prend en charge l'éditeur visuel pour une mise en forme avancée.

Arrière-plan (Image ou Vidéo)

Dans la section Arrière-plan, vous pouvez définir les propriétés d'une image d'arrière-plan.

1. Images d'Arrière-plan :

• Cliquez sur l'uploader sous l'étiquette Image Desktop pour télécharger l'image principale.
• Cliquez sur l'uploader sous l'étiquette Image Mobile pour télécharger une image optimisée pour appareils mobiles.

2. Paramètres Image :

• Taille : Sélectionnez comment l'image doit s'adapter (ex. cover pour couvrir toute la zone, contain pour l'afficher entièrement).
• Répéter : Définissez si l'image doit se répéter (ex. no-repeat, repeat-x).
• Position : Définissez l'alignement de l'image (ex. center center, left top).
• Fixation : Définissez si l'image est fixe ou défile avec la page (ex. scroll, fixed).

Vidéo d'Arrière-plan

Si vous souhaitez utiliser une vidéo comme arrière-plan, utilisez la section Video.

1. Dans le champ Video Sfondo, collez le lien de la vidéo (supporte Vimeo ou Youtube).

2. À la fin de la vidéo : Sélectionnez l'action à exécuter lorsque la vidéo se termine (ex. Continuer à répéter, Masquer, Arrêter sur la dernière image).

3. Afficher sur : Sélectionnez sur quels appareils la vidéo doit être visible (vous pouvez sélectionner plusieurs options en maintenant appuyé Ctrl ou Cmd).

Overlay

La section Overlay vous permet d'ajouter un calque de couleur ou un dégradé par-dessus l'arrière-plan afin d'améliorer la lisibilité du contenu.

1. Dégradé : Sélectionnez ou saisissez un dégradé à appliquer.

2. Couleur : Sélectionnez une couleur uniforme d'arrière-plan.

3. Opacité : Saisissez une valeur numérique (de 0 à 100) pour définir la transparence de l'overlay.

3. Sauvegarder le Carrousel

Une fois toutes les diapositives et options configurées :

1. Cliquez sur le bouton d'enregistrement (généralement situé en haut ou en bas de la page, non spécifié dans le code source).