Modifier les images et les textes du slider ou carrousel sur la page d’acceuil de prestashop 1.6

Dans ce tutoriel, nous allons voir comment modifier notre diaporama de la page d’acceuil. Changer les images et modifier le texte et le bouton.

modification du slider

 

Modification de l’image du carrousel

Dans votre back-office, passez la souris sur l’onglet MODULES, puis cliquez sur Modules, descendez jusqu’à la liste des modules. Tapez dans le champ recherche « diaporama » et enfin cliquez sur configurer.

recherche du module diaporama sur prestashop 1.6

 

Vous voilà dans l’administration du diaporama

paramètre du module diaporama

 

Largeur maximale de l’image, cela correspond à la largeur maximum des images que vous voulez mettre, vous ne pouvez que réduire cette taille. Si vous souhaitez l’agrandir il faut supprimer les vignettes sur le coté

Vitesse, cela correspond à la vitesse de passage d’une image à l’autre.

Pause, cela correspond au temps où chaque image est arrêtée.

Lecture automatique, si vous cliquez sur oui, les images défileront seules, si vous cliquez sur non, l’internaute devra cliquer sur les flèches pour voir les différentes images du diaporama.

Modifier les images

Vous pouvez soit ajouter une image en cliquant sur + dans le coin en haut à droite de la liste des diapositives, soit cliquer sur modifier d’une des diapositives existantes.

Modification d'une des images du diaporama

 

Cliquez sur « choisissez un fichier », afin de choisir une image. Pour s’intégrer parfaitement l’image doit être de taille 779px de large pour 448px de haut.

Le titre de la diapositive correspond au nom qui lui sera donné par prestashop, mais n’apparaitra pas à l’écran.

Target URL, cela correspond au lien vers la page qui sera ouverte lorsque l’on clique sur la diapositive. Ce n’est pas obligatoire, vous pouvez laisser ce champ vide.

Légende, c’est ce qui apparaîtra dans le alt de votre image, c’est à dire un texte alternatif lorsque l’image de n’affiche pas. C’est important de le remplir pour deux raisons, l’accessibilité de votre site et votre référencement.

Description : Ici vous allez inscrire le texte qui apparaîtra sur votre image, vous avez un certain nombre d’outils qui vous permettent de faire la mise en forme de votre choix.

Voilà comment j’ai rempli mon image et j’ai rajouté un bouton.

configuration d'une des images du diaporama

 

Et voila ce que ça donne :

 

modification d'une des images du carroussel