Étape 1 - Déterminer le format de la bannière/du carrousel
Pour pouvoir modifier correctement la bannière/le carrousel, vous devez d'abord connaître les bonnes dimensions de votre bannière/carrousel.
Pour le savoir, procédez comme suit :
- Placez d'abord votre souris sur la bannière/le carrousel
- Cliquez ensuite avec le bouton droit sur la bannière/le carrousel et sélectionnez l'option "Inspecteren" (Inspecter)
Une barre avec du code s'ouvre alors :
- Recherchez maintenant "bx-viewport". Vous le voyez en faisant défiler un peu vers le haut.
- Cliquez ensuite dessus
- La bannière devient bleue, et sa taille s'affiche au-dessus.
Vous voyez maintenant que la bannière que nous avons fait 940 x 550 pixels. C'est donc le format avec lequel nous allons travailler.
Étape 2 - Télécharger une nouvelle bannière
Maintenant que vous connaissez les dimensions de la bannière, vous pouvez télécharger la nouvelle bannière. Voici comment procéder :
- Une fois connecté au CMS, allez dans "Paginabeheer" (Gestion des pages) puis cliquez à gauche sur "Uitgelicht" (Mis en avant)
Lors de la livraison de la boutique, une bannière par défaut est toujours placée sur la page d'accueil ; elle s'appelle toujours "Home". Vous pouvez la modifier ou en créer une nouvelle (que vous pourrez associer plus tard).
Il s'y trouve alors une diapositive/bannière que vous pouvez modifier en cliquant sur "Wijzigen" (Modifier) à côté de la diapositive.
- Vous pouvez ensuite remplacer l'image du carrousel par une autre en supprimant d'abord l'image actuelle (cliquez sur "Verwijder afbeelding" (Supprimer l'image)).
- Vous pouvez maintenant ajouter la nouvelle image via le bouton "Bestanden kiezen" (Choisir des fichiers).
Attention ! L'image doit être un fichier .jpg, .png ou .gif, et le nom de l'image ne doit pas contenir d'espaces, sinon l'image ne peut pas être téléchargée.
- Vous pouvez ensuite aussi faire rediriger la bannière/le carrousel vers une catégorie de produits ou un lien externe. Vous pouvez le configurer dans le menu déroulant "Verwijst naar" (Renvoie vers).
- Si vous avez choisi "Externe link" (Lien externe), un nouveau champ de saisie avec "Url" apparaît, dans lequel vous pouvez coller l'URL vers laquelle la bannière/le carrousel doit renvoyer.
- Enfin, cliquez sur "Opslaan en terug" (Enregistrer et retour) et la nouvelle bannière/le nouveau carrousel est visible à l'avant.
Étape 4 - J'ai créé une nouvelle bannière et je veux l'associer.
Si vous avez choisi de créer un nouveau diaporama, vous pouvez l'associer comme suit :
- Allez dans "Paginabeheer" (Gestion des pages), "Layout bewerken" (Modifier la mise en page) puis "Direct naar layoutbewerking" (Accéder directement à l'éditeur de mise en page).
Vous accédez alors à l'éditeur de mise en page du site ; ici, nous modifions uniquement la bannière associée. Voici comment procéder :
- Placez votre souris sur la bannière
- Dans la fenêtre contextuelle qui apparaît, cliquez sur le petit crayon.
Une fenêtre contextuelle apparaît alors.
- Allez dans l'onglet "Standaard" (Par défaut)
- Modifiez ici "Slider om weer te geven" (Carrousel à afficher) en choisissant le carrousel que vous avez créé.
- Après avoir fait un choix, cliquez sur "Opslaan" (Enregistrer)
- Publiez ensuite la mise en page modifiée ; ainsi, le nouveau carrousel devient visible pour les clients.
