Comment configurer le diaporama de la page d’accueil | Prestashop 1.6 et 1.7

Aujourd’hui, nous allons voir comment configurer le diaporama de votre page d’accueil sur votre boutique en ligne sur Prestashop 1.6 &Prestashop 1.7

————————————————————————————————————————

Tutorial pour Prestashop 1.6

A noter la taille de l’image pour le diaporama est de 779px de large pour 448px de haut.

Etape 1: Tout d’abord, connectez-vous au back-office de votre site Prestashop puis, allez dans Modules & Services >  Modules & Services

Comment configurer le diaporama de la page d’accueil | Prestashop 1.6 & 1.7


Etape 2: 
Dans le champ recherche, tapez “diaporama” (le module s’appelle “Diaporama pour votre page d’accueil”) puis cliquez sur “configurer”

Comment configurer le diaporama de la page d’accueil | Prestashop 1.6 & 1.7


Etape 3:
Configurer les paramètres du diaporama

Comment configurer le diaporama de la page d’accueil | Prestashop 1.6 & 1.7

  • Largeur maximale de l’image: correspond à la largeur maximum de vos images à l’intérieur du diaparoma
  • Vitesse: correspond à la vitesse à laquelle vous désirez que vos images défilent.
  • Pause: correspond au temps d’arrêt entre chaque image.
  • Lecture automatique: si vous activez cette option, les images défileront automatiquement, sinon le client devra cliquer sur les flèches pour visualiser les autres images de votre diaporama.


Etape 4:
Ajouter ou modifier les images sur votre diaporama

– pour ajouter une image: cliquez sur le bouton + en haut à droite
– pour modifier une image:  cliquez sur le bouton “modifier” à côte de l’image que vous désirez modifier

Comment configurer le diaporama de la page d’accueil | Prestashop 1.6 & 1.7

Puis insérez les informations de votre image

Comment configurer le diaporama de la page d’accueil | Prestashop 1.6 & 1.7

  • Sélectionner le fichier: permet d’uploader votre image.
  • Le titre de la diapositive: correspond au nom donné à votre image (n’apparaît pas sur le front-office de votre boutique).
  • URL cible: permet d’insérer un lien sur votre image. Ainsi lorsque le client clique sur l’image il sera renvoyé sur la page du lien.  Si vous ne désirez pas insérer un lien, il suffit de mettre #.
  • Légende: si votre image ne se charge pas, le texte de légende apparaitra. Ce champ est important pour l’accessibilité et permet aussi le référencement de votre image.
  • Description: permet de mettre une description sur votre image, attention le texte apparaît pas sur le front-office de votre boutique.
  • Actif. permet d’activer ou de désactiver l’image.

—————————————————————————————-

Tutorial pour Prestashop 1.7

A noter la taille de l’image pour le diaporama est de 1110px de large pour 340px de haut.

Etape 1: Tout d’abord, connectez-vous au back-office de votre site Prestashop puis, allez dans Modules  >  Modules & Services

Comment configurer le diaporama de la page d’accueil | Prestashop 1.6 et 1.7


Etape 2: 
Dans le champ recherche, tapez “carrousel” (le module s’appelle “Carrousel”) puis cliquez sur “configurer”

Comment configurer le diaporama de la page d’accueil | Prestashop 1.6 et 1.7


Etape 3:
Configurer les paramètres du diaporama

Comment configurer le diaporama de la page d’accueil | Prestashop 1.6 et 1.7

  • Vitesse: correspond à la vitesse à laquelle vous désirez que vos images défilent.
  • Pause au survol: si vous activez cette option les images arrêteront de défiler lorsque la souris passe au dessus du carrousel
  • Répéter les images: si vous activez cette option, les images se répéteront à l’infini, sinon le carrousel s’arrêtera à la fin de la dernière image.


Etape 4:
Ajouter ou modifier les images sur votre diaporama

– pour ajouter une image: cliquez sur le bouton + en haut à droite
– pour modifier une image:  cliquez sur le bouton “modifier” à côte de l’image que vous désirez modifier

5-prestashop1_7-diaporama

Puis insérez les informations de votre image

4-prestashop1_7-diaporama

  • Image: permet d’uploader votre image.
  • Titre: correspond au nom donné à votre image (n’apparaît pas sur le front-office de votre boutique).
  • URL cible: permet d’insérer un lien sur votre image. Ainsi lorsque le client clique sur l’image il sera renvoyé sur la page du lien.  Si vous ne désirez pas insérer un lien, il suffit de mettre #.
  • Légende: si votre image ne se charge pas, le texte de légende apparaitra. Ce champ est important pour l’accessibilité et permet aussi le référencement de votre image.
  • Description: permet de mettre une description sur votre image, attention le texte apparaît pas sur le front-office de votre boutique.
  • Activé. permet d’activer ou de désactiver l’image.

Articles similaires

Guide complet pour vos campagnes Google Adwords
views 327
Ce guide est en vente sur Amazon.fr et offert en format PDF.  Complet, Intuitif et plein d'astuces. Allez jeter un oeil ! Besoin de gérer des campagn...
Désactiver “Recevez les offres spéciales de nos partenaires” | Astuce Prestas...
views 1136
Cette phrase  "Recevez les offres spéciales de nos partenaires"  apparait lors de la création d'un compte comme vous pouvez le voir sur la photo ci-de...
Ajouter un accordéon dans une page cms | Astuce Prestashop 1.6
views 2372
Grâce à ce tuto très simple, vous pourrez ajouter un accordéon dans votre page CMS Astuce Prestashop 1.6 ---------------------------------------...
Désactiver le bouton Comparer | Astuce Prestashop 1.6
views 1349
On me demande très souvent comment on désactive la partie « comparer » dans le back office de Prestashop. C'est très simple : Allez dans le...
Afficher le champ adresse sur plusieurs lignes | Bloc contact infos – Astuce Presta...
views 665
Cette astuce Prestashop est valable pour la version 1.6 Vous l'avez sûrement remarqué, en bas de page, l'adresse de votre magasin est sur une seule...
Connaître les modules de la page d’accueil | Astuce Prestashop 1.6
views 11408
Vous avez installé votre boutique Prestashop 1.6 et désirez modifier votre page d'accueil ? Ce petit tuto va vous aider à le faire en indiquant le nom...
Supprimer le contenu par défaut de votre boutique | Astuce Prestashop 1.6
views 2519
Lorsque vous installez Prestashop pour la 1er fois, du contenu par défaut est installé : faux clients, faux produits, fausses commandes.... Si vous...
Insérer un favicon dans votre boutique Prestashop
views 1865
A) Qu'est ce qu'un favicon ?  Le favicon est l'icône qui se situe à  gauche de l'URL dans la barre d'adresse de votre navigateur B) Quelle est l...
Mettre à jour automatiquement le taux de change | Astuce Prestashop 1.6
views 908
Vous désirez ouvrir votre boutique à l'international et indiquez le taux de change. Voici un petit tuto qui va vous montrer comment mettre à jour a...
Savoir si votre module est fiable pour Prestashop
views 193
Il existe aujourd'hui de nombreux modules (gratuits ou payants) et certains d'entre-eux peuvent avoir un impact négatif sur votre boutique (bug, lente...

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *