Ce guide explique comment accéder et modifier les paramètres et le contenu des diapositives d'un carrousel (slider) déjà créé.
Procédure
1. Accéder au Carrousel
1. Accédez à la section de gestion des carrousels (ou sliders) de la plateforme.
2. Dans le tableau principal, localisez le carrousel que vous souhaitez modifier.
3. Cliquez sur la ligne correspondant au carrousel pour ouvrir l'écran de modification.
2. Modifier les Paramètres Généraux
Une fois l'écran de modification ouvert, vous vous trouverez dans la section principale Contenu.
1. Modifiez le Titre slider dans le champ de texte en haut.
2. Pour contrôler la visibilité du carrousel sur le site, cochez ou décochez la case Visible sur le site.
3. Modifier les Options du Carrousel
Dans la section Options, vous pouvez définir le comportement général du carrousel.
1. Hauteur slider :
- Saisissez une valeur numérique dans le champ.
- Sélectionnez l'unité de mesure dans le menu déroulant à côté (par exemple
pxpour pixels,vhpour hauteur viewport,vwpour largeur viewport).
2. Options Carrousel :
- Autoplay : Saisissez le nombre de secondes après lesquelles la diapositive doit changer automatiquement.
- Loop : Sélectionnez Oui ou Non pour décider si le carrousel doit recommencer après la dernière diapositive.
- Flèches : Sélectionnez Oui ou Non pour afficher les boutons de navigation (flèches).
- Ordre aléatoire : Cochez la case pour afficher les diapositives dans un ordre aléatoire.
4. Modifier les Diapositives Individuelles
Dans la section Slides, vous trouverez toutes les diapositives existantes organisées en onglets (tabs).
1. Cliquez sur l'onglet (tab) de la diapositive que vous souhaitez modifier.
2. Modifiez le Titre Slide (utile pour l'organisation interne).
3. Modifiez le Contenu de la diapositive en utilisant l'éditeur visuel fourni.
5. Modifier l'Arrière-plan de la Diapositive
À l'intérieur de l'onglet de chaque diapositive, faites défiler jusqu'à la section Arrière-plan.
1. Images d'Arrière-plan :
- Pour l'Image Desktop, téléchargez ou sélectionnez une image.
- Pour l'Image Mobile, téléchargez ou sélectionnez une image spécifique pour les appareils mobiles.
2. Propriétés CSS de l'Arrière-plan : Utilisez les menus déroulants pour définir :
- Taille (ex.
cover,contain). - Répétition (ex.
no-repeat,repeat). - Position (ex.
center center,left top). - Fixation (ex.
scroll,fixed).
6. Ajouter ou Modifier une Vidéo d'Arrière-plan
Dans la sous-section Video :
1. Insérez l'URL de la Vidéo Arrière-plan (Vimeo/Youtube) dans le champ prévu à cet effet.
2. À la fin de la vidéo : Choisissez l'action souhaitée (par exemple, Continuer à répéter, Masquer, Arrêter sur la dernière image fixe).
3. Afficher sur : Sélectionnez sur quels appareils la vidéo doit être visible (Desktop, Tablet, Mobile).
7. Modifier l'Overlay
Dans la sous-section Overlay, vous pouvez appliquer un filtre au-dessus de l'image ou de la vidéo d'arrière-plan.
1. Dégradé : Sélectionnez ou saisissez un dégradé de couleur.
2. Couleur : Sélectionnez une couleur d'arrière-plan uniforme.
3. Opacité : Saisissez une valeur numérique (de 0 à 100) pour définir la transparence de l'overlay.
8. Sauvegarder les Modifications
Après avoir terminé toutes les modifications :
1. Cliquez sur le bouton Sauvegarder (ou équivalent bouton d'enregistrement du formulaire) pour rendre effectives les modifications.
