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

Insérer pop-up dans une page CMS | Astuce Prestashop 1.6
views 4279
Un client désirait insérer un système de pop-up dans la page cms de Prestashop Je ne voulais pas installer un n-ième module pour faire simplement cela ni insérer un autre script/bibliothèque que ceux inclus dans Prestashop. Cette astuce Prestashop est valable pour la version 1.6 Voilà l'astuce. ------------ 1) Ouvrir un ficher qui se nommera Validate.php, insérer le code suivant...
Comment configurer les mails dans PrestaShop 1.6 & PrestaShop 1.7
views 10507
Dans ce tutoriel, nous allons voir comment configurer les mails dans PrestaShop. En effet, votre site en ligne va envoyer de nombreux messages à vous et vos clients : création de compte, confirmation de commande.... il est alors important de bien paramétrer cette partie. Pour Prestashop 1.6 & PrestaShop 1.7  La procédure est identique pour les deux versions A) Accéder aux mails Depui...
Supprimer la redirection Home du bloc Newsletter | Astuce Prestashop 1.6
views 565
Vous l'avez peut-être remarqué mais si le client s'inscrit  à la newsletter, il est obligatoirement renvoyé à la page d'accueil de votre site. Si vous désirez que le client reste sur la même, suivez ce petit tuto : Comment puis-je supprimer cette redirection dans Prestashop ?  Ouvrez le fichier thèmes/lenomduvotretheme/modules/blocknewsletter/blocknewsletter.tpl Remplacer le code s...
Remettre un produit en nouveauté | Astuce Prestashop 1.6
views 3010
Il est vous peut-être arrivé de vouloir remettre votre produit en nouveauté Il existe deux solutions dont une donnée par Webbax Dupliquer votre produit Ajouter un champs "date de publication" dans la fiche produit. Comment ajouter un champs "date de publication" dans le back-office de Prestashop ?  A) Ouvrer le fichier « adminthemesdefaulttemplatecontrollersproductsinformat...
Désactiver les frais de port dans le block panier | Astuce Prestashop 1.6
views 6058
Pour éviter toute confusion, je préfère désactiver les frais de port dans le block panier. En effet, si le client n'est pas connecté à son compte, Prestashop indiquera les frais de port les moins chers. Hors si le client habite aux Etats-Unis, les frais de port peuvent considérablement varier et entrainer ainsi un risque d'abandon  lors de la finalisation de la commande. (voir depuis le débu...

Laisser un commentaire

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