Vous ne disposez peut-être pas de la dernière version du module slider, dans ce cas, référez vous à la seconde partie de ce tutoriel
Slider via le module
Le slider peut s'éditer directement via la page d'accueil en cliquant sur le crayon puis Modifier OU allez dans Structure > Mise en page des blocs > Slider de la page d'accueil.
La présentation des champs ou certains intitulés peuvent changer en fonction de votre site, vous pourrez également bénéficier d'option custom propre à votre webdesign.
Le slide se sépare en deux parties la partie "générique" et la partie "slides"
Modification des paramètres généraux
Ici, vous pourrez paramétrer :
- Le nom du bloc (uniquement visible en basckoffice)
- L'image de fond : utile si vous ne souhaitez pas mettre 1 image / slide mais une seule image qui s'afficherait pour tous les slides
- Couleur de fond : idem mais avec une couleur à exprimer en code HEX
- Options concernant le défilement : en automatique ou non, avec une pause au survol etc
- La vitesse de défilement : 5 000 par défaut
- La vitesse de transition : 500 par défaut
- Le nombre de slide visible : si ce n'est pas un slider que vous souhaitez mais un carrousel d'images
Ajout / Modification d'un slide
L'ajout de slide se réalise au clic sur le bouton "Ajouter slide", ensuite vous aurez plus ou moins d'options.
- Image : champ pour télécharger l'image de fond de votre slide
- Couleur de fond :
- Identifiant youtube : si vous souhaitez afficher une vidéo plutôt qu'une image
- Champ de texte : vous pourrez rédiger le contenu de votre slide ici
- Copyright : optionnel si vous l'avez demandé pour afficher le copyright en bas de votre image
- Lien : dans le cas où vous aurez besoin d'affiche un bouton sur votre slide
Slider via le contenu
La gestion du bandeau présent en page d'accueil se fait grâce à la création de slides et d'un slider.
Cela se fait en deux étapes : il faut dans un premier temps créer des slides, puis ensuite les associer au main slider.
1. Ajouter des slides
Allez dans Content > Ajouter du contenu > Slide
- Donnez un titre à votre slide (ne s'affiche pas en front)
- Remplissez le champ Body
- Remplissez la partie LIEN : URL et texte du lien, qui s'affichera sous la forme d'un bouton dans votre slide
- Sélectionnez l'image à charger via le bouton "parcourir" ou ajoutez l'ID d'une vidéo Youtube plus bas
- Cochez "published" (publié)
- Enregistrez votre slide
Reproduire l'opération autant de fois que de slides à inclure dans votre slider. Une fois que vous avez créé l'ensemble des slides souhaitées, passez à l'étape 2.
2. Associer les slides au slider
Cliquez sur l'onglet "Content" et recherchez le "Home slider" déjà créé : en face, cliquez sur "modifier".
Pour associer les slides, il vous suffit de cliquer sur "Add existing noeud" dans la liste de slides et de retrouver vos slides en tapant le début du titre.
Si vous le souhaitez, vous pouvez créer les slides directement depuis le slider en cliquant sur "Add new noeud".
Vous pouvez également modifier l’image de fond (qui sera présent par défaut si vous n’ajoutez pas d’image de slide).
N'oubliez pas de publier le slider et d'enregistrer vos modifications.
Attention, la taille des images varient en fonction de la dimension du slider. Pour en savoir plus, renseignez vous auprès de votre chef de projet.
