{"id":3981,"date":"2025-05-28T10:59:54","date_gmt":"2025-05-28T08:59:54","guid":{"rendered":"https:\/\/cocos.codes\/?p=3981"},"modified":"2026-01-21T16:10:20","modified_gmt":"2026-01-21T15:10:20","slug":"banniere-prestashop","status":"publish","type":"post","link":"https:\/\/cocos.codes\/fr\/archiwa\/prestashop-banner\/","title":{"rendered":"Banni\u00e8re PrestaShop 1.0"},"content":{"rendered":"<h6>Documentation sur les banni\u00e8res PrestaShop<\/h6>Complet <a href=\"https:\/\/cocos.codes\/fr\/categorie\/base-de-connaissances\/prestashop\/documentation-prestashop\/\" title=\"Documentation\">la documentation<\/a> pour le module de gestion des banni\u00e8res pour <a href=\"https:\/\/prestashop.com\/\" title=\"PrestaShop\" target=\"_blank\" rel=\"noopener\">PrestaShop<\/a> (<a href=\"https:\/\/cocos.codes\/fr\/product\/banniere-prestashop\/\" title=\"Cc_ps_banner\">cc_ps_banner<\/a>) avec des options de configuration \u00e9tendues et des mod\u00e8les pr\u00eats \u00e0 l'emploi.<br \/><br \/><p><strong>Table des mati\u00e8res<\/strong><\/p><ol><li>Introduction<\/li><li>Installation<\/li><li>Activation de la licence<\/li><li>Panel de gestion<\/li><li>Gestion des banni\u00e8res<\/li><li>Configuration de base<\/li><li>Configuration vid\u00e9o<\/li><li>Pr\u00e9s\u00e9lections de contenu<\/li><li>Configuration de la superposition<\/li><li>Param\u00e8tres d'animation<\/li><li>Afficher le calendrier<\/li><li>Utilisation du module dans les mod\u00e8les<\/li><li>R\u00e9solution de probl\u00e8mes<\/li><li>FAQ<\/li><\/ol><h6><br \/>1. Introduction<\/h6>CC PrestaShop Banner est un module avanc\u00e9 pour cr\u00e9er et g\u00e9rer des banni\u00e8res dans les boutiques PrestaShop. Le module offre une interface intuitive qui vous permet de cr\u00e9er des banni\u00e8res attrayantes en utilisant des mod\u00e8les pr\u00eats \u00e0 l'emploi, sans aucune connaissance en HTML ou CSS.<br \/><br \/>Le module offre :<ul><li>Neuf contenus de banni\u00e8res pr\u00e9d\u00e9finis<\/li><li>Diff\u00e9rents types d'arri\u00e8re-plan : vid\u00e9o, photo ou couleur<\/li><li>Int\u00e9gration avec YouTube, Vimeo et possibilit\u00e9 de t\u00e9l\u00e9charger ses propres vid\u00e9os<\/li><li>Couleur ou graphique superpos\u00e9<\/li><li>Effets d'animation d'entr\u00e9e<\/li><li>Affichage de l'horaire (de \u00e0)<\/li><li>Possibilit\u00e9 de placer la banni\u00e8re \u00e0 diff\u00e9rents endroits du magasin<\/li><li>Prise en charge de plusieurs banni\u00e8res simultan\u00e9ment<\/li><\/ul><h6><br \/>2. installation<\/h6><strong>Exigences du syst\u00e8me<\/strong><ul><li>PrestaShop 1.7 ou sup\u00e9rieur<\/li><li>PHP 7.0 ou plus r\u00e9cent<\/li><li>Permission d'installer des modules<\/li><\/ul><strong>Processus d'installation<\/strong><ol><li>T\u00e9l\u00e9charger le fichier ZIP du module depuis la boutique officielle <a class=\"button\" href=\"https:\/\/cocos.codes\/fr\/\" title=\"Cocos.codes\">cocos.codes<\/a><\/li><li>Se connecter au panneau d'administration de PrestaShop<\/li><li>Allez dans : Modules &gt; Gestionnaire de modules &gt; Ajouter un nouveau module<\/li><li>Cliquez sur \"Ajouter un module\" et s\u00e9lectionnez le fichier ZIP t\u00e9l\u00e9charg\u00e9.<\/li><li>Une fois l'installation termin\u00e9e, cliquez sur \"Configurer\"<\/li><\/ol><div class=\"cc-alert cc-alert-info\"><div class=\"cc-alert-title\">Info<\/div><div class=\"cc-alert-content\">Apr\u00e8s l'installation, le module cr\u00e9e automatiquement les tables n\u00e9cessaires dans la base de donn\u00e9es. Il sera n\u00e9cessaire de configurer le module et d'activer la licence avant de pouvoir utiliser toutes les fonctions.<\/div><\/div><h6><br \/>3. Activation de la licence<\/h6>Avant de pouvoir utiliser toutes les fonctionnalit\u00e9s du module, il est n\u00e9cessaire d'activer la licence :<ol><li>Apr\u00e8s l'installation, proc\u00e9der \u00e0 la configuration du module<\/li><li>S\u00e9lectionnez l'onglet \"Licence<\/li><li>Saisir la cl\u00e9 de licence re\u00e7ue apr\u00e8s l'achat<\/li><li>Cliquez sur \"Activer la licence\"<\/li><li>Une fois l'activation r\u00e9ussie, un message de confirmation s'affiche et toutes les fonctions du module sont d\u00e9verrouill\u00e9es.<\/li><\/ol><div class=\"cc-alert cc-alert-warning\"><div class=\"cc-alert-title\">Avertissement<\/div><div class=\"cc-alert-content\">Sans licence active, le module fonctionnera en mode restreint, sans toutes les fonctions avanc\u00e9es. Un message indiquant que la licence est inactive s'affiche en haut du panneau d'administration.<\/div><\/div><h6><br \/>4 Panneau de gestion<\/h6>Le panneau de gestion du module se compose de plusieurs onglets qui permettent une configuration compl\u00e8te :<br \/><br \/><strong>Principaux onglets :<\/strong><ul><li><strong>Gestion des banni\u00e8res<\/strong> - l'ajout, la modification et la suppression de banni\u00e8res<\/li><li><strong>Documentation<\/strong> - lien vers la documentation en ligne<\/li><li><strong>Soutien<\/strong> - lien vers la page d'assistance<\/li><li><strong>Plug-ins<\/strong> - extensions suppl\u00e9mentaires pour le module<\/li><li><strong>Licence<\/strong> - gestion des licences de modules<\/li><\/ul><br \/>Lorsque vous acc\u00e9dez \u00e0 l'onglet \"G\u00e9rer la banni\u00e8re\", vous voyez une liste de toutes les banni\u00e8res que vous avez cr\u00e9\u00e9es, avec la possibilit\u00e9 de les modifier, de les supprimer et de changer leur statut d'activit\u00e9.<h6><br \/>5. gestion des banni\u00e8res<\/h6>Sous l'onglet \"Gestion des banni\u00e8res\", vous pouvez cr\u00e9er, modifier et supprimer des banni\u00e8res :<br \/><br \/><strong>Liste des banni\u00e8res<\/strong><ul><li>ID de la banni\u00e8re<\/li><li>Nom<\/li><li>Crochet (lieu de pr\u00e9sentation)<\/li><li>Preset (mod\u00e8le de contenu)<\/li><li>Type d'arri\u00e8re-plan<\/li><li>Type de vid\u00e9o<\/li><li>Statut de l'activit\u00e9<\/li><li>Position<\/li><li>Date de cr\u00e9ation<\/li><li>Actions disponibles (modifier, supprimer)<\/li><\/ul><strong>Ajout et modification de banni\u00e8res<\/strong><ol><li>Cliquez sur le bouton \"Ajouter un nouveau\" ou \"Modifier\" \u00e0 c\u00f4t\u00e9 d'une banni\u00e8re existante.<\/li><li>Remplir le formulaire de donn\u00e9es de la banni\u00e8re, qui est divis\u00e9 en plusieurs sections :<ul><li><strong>Donn\u00e9es de base<\/strong> - nom, statut de l'activit\u00e9<\/li><li><strong>Affichage<\/strong> - crochet, dimensions, coins arrondis, position<\/li><li><strong>Type d'arri\u00e8re-plan<\/strong> - choix du type d'arri\u00e8re-plan (vid\u00e9o, photo, couleur)<\/li><li><strong>Configuration vid\u00e9o<\/strong> - param\u00e8tres du lecteur vid\u00e9o<\/li><li><strong>Contenu pr\u00e9d\u00e9fini<\/strong> - la s\u00e9lection d'un mod\u00e8le pr\u00eat \u00e0 l'emploi et sa configuration<\/li><li><strong>Superposition<\/strong> - configuration de la couche superpos\u00e9e<\/li><li><strong>Animations<\/strong> - effets d'entr\u00e9e de la banni\u00e8re<\/li><li><strong>Afficher le calendrier<\/strong> - d\u00e9finir la dur\u00e9e de l'activit\u00e9 de la banni\u00e8re<\/li><\/ul><\/li><li>Cliquez sur \"Enregistrer\" pour sauvegarder les modifications<\/li><\/ol><div class=\"cc-alert cc-alert-tip\"><div class=\"cc-alert-title\">Conseil<\/div><div class=\"cc-alert-content\">Une bonne pratique consiste \u00e0 donner aux banni\u00e8res des noms descriptifs qui permettent de les identifier facilement dans le panel, par exemple \"Promotion de printemps - page d'accueil\" ou \"Banni\u00e8re promotionnelle - Vendredi noir\".<\/div><\/div><h6><br \/>6. configuration de base<\/h6>Le module propose trois types diff\u00e9rents d'arri\u00e8re-plan de banni\u00e8re :<br \/><br \/><strong>Couleur<\/strong><ul><li>S\u00e9lectionnez \"Couleur\" comme type d'arri\u00e8re-plan<\/li><li>Utilisez le s\u00e9lecteur de couleur pour s\u00e9lectionner la couleur d'arri\u00e8re-plan souhait\u00e9e.<\/li><li>Vous pouvez saisir la valeur de la couleur au format HEX (#RRGGBB) ou RGBA.<\/li><\/ul><strong>Photo<\/strong><ul><li>S\u00e9lectionnez \"Photo\" comme type d'arri\u00e8re-plan<\/li><li>T\u00e9l\u00e9charger l'image en utilisant le bouton \"Parcourir\".<\/li><li>Formats pris en charge : JPG, PNG, GIF (maximum 15MB)<\/li><li>Lors de la modification, le t\u00e9l\u00e9chargement d'une nouvelle image remplacera l'image actuelle, tandis que si le champ est laiss\u00e9 vide, l'image existante sera conserv\u00e9e.<\/li><\/ul><strong>Vid\u00e9o<\/strong><ul><li>S\u00e9lectionnez \"Vid\u00e9o\" comme type d'arri\u00e8re-plan<\/li><li>Configurez les autres param\u00e8tres vid\u00e9o dans la section \"Configuration vid\u00e9o\" (d\u00e9crite dans le chapitre suivant).<\/li><\/ul><div class=\"cc-alert cc-alert-note\"><div class=\"cc-alert-title\">Note<\/div><div class=\"cc-alert-content\">Si vous choisissez un arri\u00e8re-plan vid\u00e9o, il est \u00e9galement conseill\u00e9 de d\u00e9finir un arri\u00e8re-plan color\u00e9 comme couche de sauvegarde lors du chargement de la vid\u00e9o, afin que l'utilisateur ne voie pas un \u00e9l\u00e9ment vide.<\/div><\/div><h6><br \/>7. configuration vid\u00e9o<\/h6>Le module permet d'utiliser une vid\u00e9o comme arri\u00e8re-plan d'une banni\u00e8re. Diff\u00e9rentes sources vid\u00e9o sont disponibles :<br \/><br \/><strong>Types de vid\u00e9os<\/strong><ul><li><strong>Pas de vid\u00e9o<\/strong> - utilis\u00e9 lorsqu'un type d'arri\u00e8re-plan autre que vid\u00e9o est s\u00e9lectionn\u00e9<\/li><li><strong>YouTube<\/strong> - int\u00e9grer une vid\u00e9o YouTube<\/li><li><strong>Vimeo<\/strong> - int\u00e9grer une vid\u00e9o de Vimeo<\/li><li><strong>URL direct<\/strong> - lien vers un fichier vid\u00e9o h\u00e9berg\u00e9 sur un serveur externe<\/li><li><strong>Fichier vid\u00e9o (upload)<\/strong> - t\u00e9l\u00e9chargement de votre propre fichier vid\u00e9o<\/li><\/ul><strong>Param\u00e8tres de lecture<\/strong><ul><li><strong>Lecture automatique<\/strong> - d\u00e9marre la lecture automatiquement lorsque la page est charg\u00e9e<\/li><li><strong>R\u00e9duit au silence<\/strong> - vid\u00e9o jou\u00e9e sans son (recommand\u00e9 pour la lecture automatique)<\/li><li><strong>Boucle<\/strong> - r\u00e9p\u00e9tition automatique de la vid\u00e9o \u00e0 la fin de celle-ci<\/li><li><strong>Afficher les contr\u00f4les<\/strong> - affiche des boutons de commande personnalis\u00e9s (lecture\/pause, sourdine\/son)<\/li><\/ul><strong>Chargement de votre propre vid\u00e9o<\/strong><ul><li>S\u00e9lectionnez le type de vid\u00e9o \"Fichier vid\u00e9o (upload)\"<\/li><li>T\u00e9l\u00e9charger le fichier en utilisant le bouton \"Parcourir\".<\/li><li>Formats pris en charge : MP4, WebM, AVI, MOV (maximum 50MB)<\/li><\/ul><div class=\"cc-alert cc-alert-warning\"><div class=\"cc-alert-title\">Avertissement<\/div><div class=\"cc-alert-content\">La plupart des navigateurs modernes bloquent la lecture automatique des vid\u00e9os avec son. Pour de meilleurs r\u00e9sultats, nous recommandons d'activer l'option \"Mute\" lorsque la lecture automatique est activ\u00e9e.<\/div><\/div><h6><br \/>8 pr\u00e9r\u00e9glages de contenu<\/h6>Le module propose neuf pr\u00e9s\u00e9lections de contenu pr\u00eates \u00e0 l'emploi (mod\u00e8les) qui peuvent \u00eatre s\u00e9lectionn\u00e9es et personnalis\u00e9es :<br \/><br \/><strong>Pr\u00e9s\u00e9lections disponibles<\/strong><ul><li><strong>Sans pr\u00e9r\u00e9glage (vid\u00e9o uniquement)<\/strong> - affiche uniquement l'arri\u00e8re-plan sans aucun contenu suppl\u00e9mentaire<\/li><li><strong>Pr\u00e9r\u00e9glage 1 (titre central avec bouton)<\/strong> - grand titre central, sous-titre et bouton CTA<\/li><li><strong>Pr\u00e9r\u00e9glage 2 (Texte align\u00e9 \u00e0 gauche)<\/strong> - contenu align\u00e9 sur le c\u00f4t\u00e9 gauche de la banni\u00e8re<\/li><li><strong>Pr\u00e9r\u00e9glage 3 (Disposition en trois colonnes)<\/strong> - contenu divis\u00e9 en trois colonnes<\/li><li><strong>Pr\u00e9s\u00e9lection 4 (divis\u00e9e en deux colonnes)<\/strong> - contenu divis\u00e9 en deux colonnes<\/li><li><strong>Pr\u00e9r\u00e9glage 5 (Plein \u00e9cran avec flou)<\/strong> - effet plein \u00e9cran avec grand titre central<\/li><li><strong>Pr\u00e9r\u00e9glage 6 (En-t\u00eate avec statistiques)<\/strong> - un en-t\u00eate en haut et trois colonnes de donn\u00e9es en bas<\/li><li><strong>Pr\u00e9s\u00e9lection 7 (Liste des fonctions avec CTA)<\/strong> - titre et liste de fonctions se terminant par un bouton CTA<\/li><li><strong>Pr\u00e9r\u00e9glage 8 (en-t\u00eate et deux colonnes)<\/strong> - t\u00e9l\u00e9charger la pr\u00e9sentation de la demande<\/li><li><strong>Pr\u00e9r\u00e9glage 9 (En-t\u00eate et deux colonnes centr\u00e9es, agrandies)<\/strong> - mise en page pour la promotion d'\u00e9v\u00e9nements<\/li><\/ul><strong>\u00c9l\u00e9ments de contenu pour la configuration<\/strong><ul><li><strong>Titre principal<\/strong> - banni\u00e8re d'en-t\u00eate<\/li><li><strong>Sous-titre<\/strong> - texte compl\u00e9mentaire sous le titre principal<\/li><li><strong>Texte du bouton<\/strong> - le contenu affich\u00e9 sur le bouton CTA<\/li><li><strong>Lien vers le bouton<\/strong> - URL de destination lorsque le bouton est cliqu\u00e9<\/li><li><strong>Couleur du texte du bouton<\/strong> - couleur de la police du bouton<\/li><li><strong>Couleur d'arri\u00e8re-plan du bouton<\/strong> - couleur d'arri\u00e8re-plan du bouton<\/li><li><strong>Texte 1, 2, 3<\/strong> - champs de texte suppl\u00e9mentaires utilis\u00e9s dans divers pr\u00e9r\u00e9glages<\/li><li><strong>CSS personnalis\u00e9<\/strong> - styles CSS suppl\u00e9mentaires pour la banni\u00e8re<\/li><\/ul><div class=\"cc-alert cc-alert-tip\"><div class=\"cc-alert-title\">Conseil<\/div><div class=\"cc-alert-content\">Les champs de texte prennent en charge le formatage HTML, ce qui vous permet d'ajouter des caract\u00e8res gras, italiques, des couleurs de texte et d'autres effets. Des ic\u00f4nes et des emoji peuvent \u00e9galement \u00eatre ajout\u00e9s pour rendre le contenu plus attrayant.<\/div><\/div><h6><br \/>9. configuration de la superposition<\/h6>Une superposition est une couche affich\u00e9e sur l'arri\u00e8re-plan d'une banni\u00e8re qui peut contribuer \u00e0 am\u00e9liorer la lisibilit\u00e9 du texte ou \u00e0 cr\u00e9er un effet de fum\u00e9e :<br \/><br \/><strong>Types de superposition<\/strong><ul><li><strong>Pas de superposition<\/strong> - pas de couche suppl\u00e9mentaire sur l'arri\u00e8re-plan<\/li><li><strong>Couleur<\/strong> - couche color\u00e9e avec transparence r\u00e9glable<\/li><li><strong>Image<\/strong> - superposition graphique (par exemple, d\u00e9grad\u00e9, motif, texture)<\/li><\/ul><strong>Param\u00e8tres de superposition des couleurs<\/strong><ul><li><strong>Couleur de l'incrustation<\/strong> - s\u00e9lecteur de couleurs (supporte les formats HEX et RGBA)<\/li><li><strong>Transparence<\/strong> - valeur comprise entre 0,0 (totalement transparent) et 1,0 (opaque)<\/li><\/ul><strong>Param\u00e8tres de superposition d'images<\/strong><ul><li><strong>Image superpos\u00e9e<\/strong> - t\u00e9l\u00e9chargement d'une image \u00e0 l'aide du bouton \"Parcourir\".<\/li><li><strong>Transparence<\/strong> - r\u00e9glage de l'intensit\u00e9 du recouvrement de l'image<\/li><\/ul><div class=\"cc-alert cc-alert-tip\"><div class=\"cc-alert-title\">Conseil<\/div><div class=\"cc-alert-content\">Une incrustation sombre avec une transparence de 0,3 \u00e0 0,6 sur une photo ou une vid\u00e9o am\u00e9liore consid\u00e9rablement la lisibilit\u00e9 d'un texte blanc. Pour un texte clair sur un fond clair, nous recommandons d'utiliser une incrustation plus fonc\u00e9e.<\/div><\/div><h6><br \/>10. param\u00e8tres d'animation<\/h6>Le module propose plusieurs effets d'animation qui sont appliqu\u00e9s lorsque la banni\u00e8re est charg\u00e9e :<br \/><br \/><strong>Animation d'entr\u00e9e<\/strong><ul><li><strong>Sans animation<\/strong> - la banni\u00e8re appara\u00eet imm\u00e9diatement<\/li><li><strong>Aspect lisse<\/strong> - la banni\u00e8re devient progressivement visible (effet de fondu)<\/li><li><strong>Entr\u00e9e par la gauche<\/strong> - la banni\u00e8re entre par la gauche de l'\u00e9cran<\/li><li><strong>Entr\u00e9e par la droite<\/strong> - la banni\u00e8re entre par la droite de l'\u00e9cran<\/li><li><strong>Entr\u00e9e par le bas<\/strong> - la banni\u00e8re entre par le bas de l'\u00e9cran<\/li><li><strong>Augmentation<\/strong> - la banni\u00e8re appara\u00eet avec un effet de zoom \u00e0 partir du centre<\/li><li><strong>Rebondir<\/strong> - la banni\u00e8re appara\u00eet avec un effet de rebond<\/li><\/ul><strong>Temps d'animation<\/strong><ul><li>Valeur en millisecondes (de 100 \u00e0 10000)<\/li><li>La valeur par d\u00e9faut est de 1000ms (1 seconde).<\/li><li>Temps plus court = animation plus rapide<\/li><li>Temps plus long = animation plus lente et plus fluide<\/li><\/ul><div class=\"cc-alert cc-alert-note\"><div class=\"cc-alert-title\">Note<\/div><div class=\"cc-alert-content\">Les animations sont mises en \u0153uvre \u00e0 l'aide de CSS, ce qui garantit un fonctionnement fluide, m\u00eame sur les appareils mobiles. Si l'animation ne fonctionne pas de mani\u00e8re fluide sur des appareils plus anciens, nous recommandons de r\u00e9duire la dur\u00e9e de l'animation ou de choisir un effet plus simple.<\/div><\/div><h6><br \/>11. afficher le calendrier<\/h6>La fonction de programmation permet d'allumer et d'\u00e9teindre automatiquement les banni\u00e8res \u00e0 une heure pr\u00e9cise :<br \/><br \/><strong>Param\u00e8tres du calendrier<\/strong><ul><li><strong>Activer l'horaire<\/strong> - activation de la fonction d'affichage temporis\u00e9<\/li><li><strong>Date de d\u00e9but<\/strong> - la date et l'heure \u00e0 partir desquelles la banni\u00e8re doit \u00eatre affich\u00e9e<\/li><li><strong>Date d'ach\u00e8vement<\/strong> - la date et l'heure jusqu'\u00e0 laquelle la banni\u00e8re doit \u00eatre affich\u00e9e<\/li><\/ul><strong>Exemples d'utilisation<\/strong><ul><li>Banni\u00e8res promotionnelles \u00e0 dur\u00e9e limit\u00e9e (par exemple, Black Friday, ventes saisonni\u00e8res)<\/li><li>Informations sur les \u00e9v\u00e9nements \u00e0 venir<\/li><li>Changement de banni\u00e8res en fonction de l'heure de la journ\u00e9e (diff\u00e9rentes banni\u00e8res le matin, diff\u00e9rentes le soir)<\/li><li>Annonces p\u00e9riodiques aux clients<\/li><\/ul><div class=\"cc-alert cc-alert-info\"><div class=\"cc-alert-title\">Info<\/div><div class=\"cc-alert-content\">Le programmateur fonctionne sur la base de l'heure du serveur et non de l'heure locale de l'utilisateur. Assurez-vous que le fuseau horaire du serveur est correctement configur\u00e9 dans les param\u00e8tres de PrestaShop.<\/div><\/div><h6><br \/>12. utilisation du module dans les mod\u00e8les<\/h6>Les banni\u00e8res sont automatiquement affich\u00e9es aux endroits sp\u00e9cifi\u00e9s par les narguil\u00e9s s\u00e9lectionn\u00e9s. Les narguil\u00e9s disponibles sont les suivants :<br \/><br \/><strong>Principaux sites<\/strong><ul><li><strong>displayHome<\/strong> - contenu principal de la page d'accueil<\/li><li><strong>displayTop<\/strong> - partie sup\u00e9rieure de la page (au-dessus de l'en-t\u00eate)<\/li><li><strong>displayNav1<\/strong> - premi\u00e8re barre de navigation (au-dessus du logo\/de la boutique)<\/li><li><strong>displayNav2<\/strong> - deuxi\u00e8me barre de navigation (souvent sous le logo)<\/li><li><strong>displayNavFullWidth<\/strong> - navigation compl\u00e8te (par exemple, menu m\u00e9gadropdown)<\/li><li><strong>banni\u00e8re d'affichage<\/strong> - banni\u00e8re publicitaire au-dessus de l'en-t\u00eate<\/li><li><strong>afficher le pied de page<\/strong> - contenu principal du pied de page<\/li><li><strong>displayFooterBefore<\/strong> - section avant le pied de page (par exemple, liens suppl\u00e9mentaires)<\/li><li><strong>displayFooterAfter<\/strong> - section apr\u00e8s le pied de page (par exemple, clauses de non-responsabilit\u00e9, scripts)<\/li><li><strong>afficherColonneGauche<\/strong> - colonne de gauche de la page<\/li><li><strong>colonne de droite<\/strong> - colonne de droite de la page<\/li><li><strong>displayWrapperTop<\/strong> - haut du conteneur de la page principale<\/li><li><strong>affichage du bas de l'habillage<\/strong> - partie inf\u00e9rieure du conteneur de la page principale<\/li><li><strong>displayContentWrapperTop<\/strong> - haut du contenu principal<\/li><li><strong>displayContentWrapperBottom<\/strong> - partie inf\u00e9rieure du contenu principal<\/li><li><strong>displayBeforeBodyClosingTag<\/strong> - imm&eacute;diatement avant de fermer la balise &lt;body&gt; (souvent sur les scripts)<\/li><\/ul><strong>Accrochage des pages de produits<\/strong><ul><li><strong>afficherlesinformationscompl\u00e9mentairessurlesproduits<\/strong> - informations compl\u00e9mentaires sur la page du produit<\/li><li><strong>afficherListeProduitsRevues<\/strong> - les commentaires sur les produits dans la vue en liste (par exemple, les \u00e9toiles)<\/li><li><strong>afficherRassurance<\/strong> - bloc avec garanties\/confiance<\/li><li><strong>displayAfterProductThumbs<\/strong> - \u00e9l\u00e9ments apr\u00e8s les vignettes de l'image du produit<\/li><\/ul><strong>Accrochage des paniers et des commandes<\/strong><ul><li><strong>affichagePanier d'achat<\/strong> - le contenu de la page du panier d'achat<\/li><li><strong>displayShoppingCartFooter<\/strong> - ajouts dans le pied de page du panier d'achat (par exemple, boutons CTA)<\/li><li><strong>displayBeforeCarrier<\/strong> - avant de choisir le mode de livraison<\/li><li><strong>Affichage apr\u00e8s le transporteur<\/strong> - section apr\u00e8s la s\u00e9lection du mode de livraison<\/li><li><strong>Affichage de la confirmation de commande<\/strong> - confirmation de commande<\/li><\/ul><strong>Raccordement des comptes clients<\/strong><ul><li><strong>afficherCompteClient<\/strong> - le contenu du client (par exemple, les liens, les modules)<\/li><li><strong>afficherMonBlocCompte<\/strong> - Bloc \"Mon compte\" (g\u00e9n\u00e9ralement dans l'en-t\u00eate ou la colonne lat\u00e9rale)<\/li><\/ul><div class=\"cc-alert cc-alert-tip\"><div class=\"cc-alert-title\">Conseil<\/div><div class=\"cc-alert-content\">Pour de meilleurs r\u00e9sultats, nous recommandons d'ajuster la largeur et la hauteur de la banni\u00e8re en fonction de l'endroit o\u00f9 elle sera affich\u00e9e. Par exemple, les banni\u00e8res dans les colonnes lat\u00e9rales doivent \u00eatre plus \u00e9troites que les banni\u00e8res sur la page d'accueil.<\/div><\/div><h6><br \/>13 D\u00e9pannage<\/h6><strong>La banni\u00e8re ne s'affiche pas<\/strong><ol><li>V\u00e9rifier que la banni\u00e8re est active (statut \"Actif\" dans la liste des banni\u00e8res)<\/li><li>S'assurer que la licence est active<\/li><li>V\u00e9rifier que le crochet auquel la banni\u00e8re a \u00e9t\u00e9 attribu\u00e9e est pr\u00e9sent dans le mod\u00e8le actuel<\/li><li>Si un calendrier est activ\u00e9, assurez-vous que la date actuelle se situe dans sa plage.<\/li><li>Effacer le cache de PrestaShop et du navigateur<\/li><\/ol><strong>La vid\u00e9o n'est pas lue automatiquement<\/strong><ol><li>Assurez-vous que l'option \"Lecture automatique\" est activ\u00e9e.<\/li><li>V\u00e9rifiez que le son de la vid\u00e9o est coup\u00e9 (les navigateurs bloquent la lecture automatique des vid\u00e9os avec son).<\/li><li>V\u00e9rifier que l'URL de la vid\u00e9o est correcte (pour YouTube et Vimeo)<\/li><li>V\u00e9rifier que le fichier vid\u00e9o a \u00e9t\u00e9 correctement t\u00e9l\u00e9charg\u00e9 (dans le cas de votre propre fichier)<\/li><\/ol><strong>Probl\u00e8mes d'affichage sur les appareils mobiles<\/strong><ol><li>Ajustez les dimensions de la banni\u00e8re pour qu'elle soit r\u00e9active (par exemple, largeur : 100%).<\/li><li>R\u00e9duire la taille de la vid\u00e9o ou de la photo t\u00e9l\u00e9charg\u00e9e pour une meilleure performance<\/li><li>Ajustez la quantit\u00e9 de texte - sur les petits \u00e9crans, un texte trop long peut \u00eatre illisible.<\/li><\/ol><div class=\"cc-alert cc-alert-error\"><div class=\"cc-alert-title\">Erreur<\/div><div class=\"cc-alert-content\">Si vous rencontrez des probl\u00e8mes insolubles avec le module, veuillez vous assurer que vous utilisez la derni\u00e8re version et que votre boutique PrestaShop est \u00e0 jour. En cas de difficult\u00e9s, veuillez contacter le service d'assistance de COCOS \u00e0 l'adresse suivante <a class=\"button\" href=\"https:\/\/cocos.codes\/fr\/support\/\" title=\"Cocos.codes\/support\">cocos.codes\/support<\/a>.<\/div><\/div><h6><br \/>14. LES FAQ<\/h6><strong>Puis-je avoir plus d'une banni\u00e8re au m\u00eame endroit (hookup) ?<\/strong><br \/>Oui, le module permet d'attribuer plusieurs banni\u00e8res \u00e0 la m\u00eame connexion. Les banni\u00e8res seront affich\u00e9es en fonction de la position d\u00e9finie (de la valeur la plus faible \u00e0 la valeur la plus \u00e9lev\u00e9e).<br \/><br \/><strong>Puis-je utiliser la m\u00eame banni\u00e8re dans diff\u00e9rentes zones du magasin ?<\/strong><br \/>Actuellement, une banni\u00e8re ne peut \u00eatre attribu\u00e9e qu'\u00e0 un seul narguil\u00e9. Si vous souhaitez afficher la m\u00eame banni\u00e8re \u00e0 diff\u00e9rents endroits, vous devez cr\u00e9er une copie de la banni\u00e8re et l'attribuer \u00e0 un narguil\u00e9 diff\u00e9rent.<br \/><br \/><strong>Quelle est la taille des fichiers vid\u00e9o que je peux t\u00e9l\u00e9charger ?<\/strong><br \/>Le module permet de t\u00e9l\u00e9charger des fichiers vid\u00e9o d'une taille maximale de 50 Mo. Pour des performances optimales, nous recommandons toutefois de compresser la vid\u00e9o au minimum n\u00e9cessaire et d'utiliser le format MP4 avec le codec H.264.<br \/><br \/><strong>Les banni\u00e8res sont-elles r\u00e9actives ?<\/strong><br \/>Oui, les banni\u00e8res s'adaptent \u00e0 la largeur du conteneur dans lequel elles sont affich\u00e9es. Pour garantir une r\u00e9activit\u00e9 totale, nous recommandons de fixer la largeur \u00e0 100% et une hauteur appropri\u00e9e (vous pouvez utiliser des unit\u00e9s vh pour la hauteur en fonction de la hauteur de l'\u00e9cran).<br \/><br \/><strong>Puis-je int\u00e9grer le formulaire dans une banni\u00e8re ?<\/strong><br \/>Dans la version standard, le module ne prend pas directement en charge les formulaires. Si vous devez inclure un formulaire dans la banni\u00e8re, vous pouvez utiliser un code HTML personnalis\u00e9 dans les champs de texte, mais la fonctionnalit\u00e9 du formulaire d\u00e9pendra du mod\u00e8le de votre boutique.<br \/><br \/><strong>\u00c0 quelle fr\u00e9quence le module est-il mis \u00e0 jour ?<\/strong><br \/>Le module est mis \u00e0 jour r\u00e9guli\u00e8rement pour assurer la compatibilit\u00e9 avec les derni\u00e8res versions de PrestaShop et pour introduire de nouvelles fonctionnalit\u00e9s. Les d\u00e9tenteurs d'une licence valide ont acc\u00e8s \u00e0 toutes les mises \u00e0 jour.<br \/><br \/><strong>Puis-je transf\u00e9rer la licence \u00e0 un autre magasin ?<\/strong><br \/>La licence est attribu\u00e9e \u00e0 un domaine. Si vous changez de domaine de boutique, veuillez contacter le support COCOS pour transf\u00e9rer la licence.<br \/><br \/><strong>Le module affecte-t-il les performances de l'atelier ?<\/strong><br \/>Le module a \u00e9t\u00e9 optimis\u00e9 pour la performance. Les fichiers vid\u00e9o ou image de grande taille sont ceux qui ont le plus d'impact sur la vitesse de chargement. Nous recommandons d'optimiser les fichiers multim\u00e9dias avant de les utiliser dans les banni\u00e8res.","protected":false},"excerpt":{"rendered":"Documentation sur les banni\u00e8res Presta Shop Documentation compl\u00e8te pour le module de gestion des banni\u00e8res pour Presta Shop (cc_ps_banner) avec des options de configuration \u00e9tendues et des mod\u00e8les pr\u00eats \u00e0 l'emploi. Table des mati\u00e8res Introduction Installation Activation de la licence Panneau de contr\u00f4le Gestion","protected":false},"author":1,"featured_media":3987,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"powered_cache_disable_cache":false,"powered_cache_disable_css_optimization":false,"powered_cache_disable_js_optimization":false,"footnotes":""},"categories":[236],"tags":[249,197,250,143,251],"class_list":["post-3981","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dokumentacje-prestashop","tag-banner","tag-dokumentacja","tag-modul","tag-prestashop","tag-reklama"],"_links":{"self":[{"href":"https:\/\/cocos.codes\/fr\/wp-json\/wp\/v2\/posts\/3981","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cocos.codes\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cocos.codes\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cocos.codes\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cocos.codes\/fr\/wp-json\/wp\/v2\/comments?post=3981"}],"version-history":[{"count":0,"href":"https:\/\/cocos.codes\/fr\/wp-json\/wp\/v2\/posts\/3981\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cocos.codes\/fr\/wp-json\/wp\/v2\/media\/3987"}],"wp:attachment":[{"href":"https:\/\/cocos.codes\/fr\/wp-json\/wp\/v2\/media?parent=3981"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cocos.codes\/fr\/wp-json\/wp\/v2\/categories?post=3981"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cocos.codes\/fr\/wp-json\/wp\/v2\/tags?post=3981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}