Module · LNK Hero

LNK Hero, la bannière d'accueil et de catégorie pour remplacer votre slider

LNK Hero remplace le slider de votre boutique PrestaShop par une bannière unique, que vous éditez en deux minutes depuis le back-office. La même bannière s'affiche aussi en haut de vos pages catégorie. Le module est compatible PrestaShop 1.7.6, 8 et 9 et fonctionne sans JavaScript.

  • Version 3.1.4 · PrestaShop 1.7.6 à 8.x
  • Version 3.9.5 · PrestaShop 9
  • PrestaShop 1.7.6 à 9.x
  • PHP 7.1 à 8.4
  • Aucun override

Points clés

  • Remplace le slider, le diaporama ou le carrousel de votre page d'accueil
  • Bannière également disponible en haut de chaque page catégorie
  • Reprend automatiquement le nom, la description et l'image de vos catégories
  • Personnalisable catégorie par catégorie depuis la fiche catégorie
  • Titre, sous-titre, arguments, deux boutons, pastille, image et dégradé
  • Aperçu en direct pendant l'édition
  • Aucun JavaScript, aucune ressource externe, conforme RGPD par construction
  • Image préchargée en priorité haute : chargement plus rapide, sans décalage de mise en page
  • Responsive, avec option pour masquer la bannière sur mobile
  • Multilingue et multiboutique
  • Templates surchargeables depuis votre thème
  • PrestaShop 1.7.6 à 8.x avec PHP 7.1 à 8.1 (version 3.1), PrestaShop 9.x avec PHP 8.1 à 8.4 (version 3.9, back-office natif PrestaShop 9) ; emplacement d'affichage choisi automatiquement selon votre version

Pourquoi remplacer le slider de la page d'accueil

Le carrousel est l'un des blocs les plus installés en e-commerce et l'un des moins efficaces. Il charge une bibliothèque JavaScript et plusieurs images en pleine largeur avant que le visiteur ait lu la première diapositive. Sur mobile, la deuxième image est rarement vue, car le client a déjà fait défiler la page. Pendant le chargement, la mise en page se décale sous les doigts de l'utilisateur.

Une bannière fixe demande moins de temps de chargement et présente un message complet, avec un visuel et deux boutons. LNK Hero fonctionne sur ce principe.

Personnaliser la bannière de la page d'accueil PrestaShop

Tous les réglages se font dans une page de configuration unique du back-office PrestaShop :

  • un sur-titre, un titre en deux lignes et un sous-titre ;
  • jusqu'à quatre arguments de vente à puces ;
  • deux boutons d'action, avec icône, lien et couleurs ;
  • une pastille ronde pour une mention forte (« Fabriqué en France », « Livraison 48 h ») ;
  • une image, un dégradé de fond et la couleur de chaque élément.

Un aperçu en direct s'affiche à côté du formulaire, avec la feuille de style réelle du module. Le rendu affiché pendant l'édition correspond à celui que verront vos visiteurs, sans aller-retour entre l'administration et la boutique.

Le thème reste intact : le module s'installe sur les emplacements standards de PrestaShop, présents dans tous les thèmes officiels.

Bannière des pages catégorie PrestaShop

LNK Hero couvre aussi les pages catégorie, ce que font peu de modules de bannière. Chaque page catégorie reçoit son propre en-tête, construit automatiquement à partir des données déjà saisies : le nom de la catégorie sert de titre, sa description de sous-titre et son image de visuel.

Dès l'installation, toutes vos catégories disposent donc d'une bannière sans saisie supplémentaire. Vous personnalisez ensuite celles qui comptent, comme vos pages d'atterrissage, directement depuis leur fiche dans Catalogue → Catégories. La même fiche permet de masquer la bannière, ou de la masquer seulement sur mobile.

Le module ajoute une rangée de liens vers les sous-catégories, avec le nombre de produits de chacune, pour que vos visiteurs descendent dans le catalogue en un clic.

Bannière PrestaShop sans JavaScript et temps de chargement

LNK Hero n'exécute aucun script chez vos visiteurs. La bannière est écrite dans le HTML envoyé par le serveur, avec 1,7 à 4,0 Ko de CSS compressé selon la structure. Le module ne charge aucune police Google, n'appelle aucun CDN et n'embarque aucun traceur.

Effets sur les Core Web Vitals, les indicateurs de vitesse utilisés par Google :

  • l'image de la bannière est préchargée en priorité haute dès l'en-tête de la page ; le navigateur la télécharge sans attendre l'analyse du CSS, ce qui avance le LCP ;
  • ses dimensions sont inscrites dans la balise image, le navigateur réserve donc la place et la page ne se décale plus pendant le chargement ;
  • aucun script ne s'exécute au chargement, alors qu'un slider sollicite le processeur du téléphone à ce moment-là.

Vous pouvez comparer avant et après sur PageSpeed Insights. L'écart est le plus net sur une boutique équipée d'un carrousel.

Léger et rapide

Chiffres mesurés sur le module livré, compressé en gzip (niveau 9). Sur une page sans bannière : rien, ni CSS ni JavaScript. Sur une page avec une bannière : 1,7 Ko de CSS pour la structure classique, et de 3,7 à 4,0 Ko pour une structure de la version 3 (socle de 1,7 Ko, plus la feuille de la structure, de 0,3 à 0,6 Ko). Aucun JavaScript en front, aucune dépendance à jQuery. Le script de l'aperçu, 2,6 Ko, ne se charge que dans le back-office.

Pour comparaison, le diaporama livré avec PrestaShop (ps_imageslider) charge sur toutes les pages 2,3 Ko de JavaScript, qui s'appuie sur jQuery, et 0,9 Ko de CSS.

Bannière et référencement naturel

Le texte de votre bannière est du texte HTML. Les moteurs de recherche le lisent, il est traduit dans chaque langue de votre boutique et les lecteurs d'écran y ont accès.

Le module gère aussi la hiérarchie des titres, un point souvent mal traité par les blocs de bannière. Les thèmes officiels de PrestaShop ne posent aucun titre de niveau 1 sur la page d'accueil et en posent déjà un sur les pages catégorie. LNK Hero s'adapte au contexte avec un H1 sur l'accueil et un H2 sur les catégories. Il ajoute ainsi le titre manquant sans créer de doublon.

Chaque image peut recevoir son texte alternatif, et la rangée de sous-catégories crée du maillage interne vers vos pages de catalogue.

Compatibilité PrestaShop 1.7.6, 8 et 9
PrestaShop 1.7.6 à 8.x (version 3.1) et 9.x (version 3.9, dédiée)
PHP 7.1 à 8.1 (version 3.1), 8.1 à 8.4 (version 3.9)
Thèmes Classic, Hummingbird et tous les thèmes qui utilisent les emplacements standards
Multiboutique Oui, une configuration par boutique
Multilingue Oui, un contenu par langue
JavaScript en front Aucun
Ressources externes Aucune
Poids ZIP de 150 Ko (3.1) et 185 Ko (3.9) ; en front, 1,7 à 4,0 Ko de CSS compressé

Le module a été vérifié sur les thèmes officiels des trois branches. Il s'installe comme n'importe quel module PrestaShop : Modules → Téléverser un module, puis Configurer.

Questions fréquentes

Comment remplacer le slider de la page d'accueil sur PrestaShop ?

Installez LNK Hero, saisissez le contenu de votre bannière, puis désactivez le module de diaporama de votre thème depuis Modules → Gestionnaire de modules. La bannière prend sa place immédiatement, sans modification du thème.

Ce module est-il compatible avec ma version de PrestaShop ?

Oui, de PrestaShop 1.7.6 à PrestaShop 9, avec une seule licence. Le module détecte votre version et choisit le bon emplacement d'affichage. Sur PrestaShop 9, la page de configuration est un contrôleur Symfony natif.

Le module contient-il un override du cœur ?

Non. Le module n'a pas de dossier override/. Il n'entre donc en conflit avec aucun autre module, et une mise à jour de PrestaShop ne laisse aucun fichier orphelin.

Faut-il modifier mon thème ?

Non. LNK Hero utilise les emplacements standards de PrestaShop, présents dans tous les thèmes officiels de la 1.7.6 à la 9. Si votre thème est sur-mesure et que vous voulez la bannière à un endroit précis, nous posons gratuitement le point d'accroche pour vous.

Mon slider ralentit ma boutique. Ce module fera-t-il mieux ?

Il n'exécute aucun JavaScript et charge une seule petite feuille de style, alors qu'un slider charge une bibliothèque et plusieurs images en pleine largeur. L'image de la bannière est aussi préchargée en priorité haute. Pour votre boutique, le plus fiable reste de mesurer avant et après sur PageSpeed Insights.

Puis-je afficher une bannière différente sur chaque catégorie ?

Oui. Chaque catégorie reçoit par défaut une bannière construite à partir de son nom, de sa description et de son image. Vous pouvez ensuite tout personnaliser depuis sa fiche, ou masquer la bannière sur cette catégorie.

La bannière est-elle correcte sur mobile ?

Oui. La mise en page passe en colonne, les boutons prennent toute la largeur, et une option permet de masquer la bannière sur mobile tout en la conservant sur ordinateur.

Le module peut-il casser mon thème ?

Non. Sa feuille de style cible uniquement ses propres éléments, sans sélecteur du thème ni règle globale. Si la bannière n'a rien à afficher, le module n'affiche aucun cadre.

Est-il compatible avec mon module d'avis clients ?

Oui. Un emplacement est prévu à l'intérieur de la bannière, sous les boutons. Il accueille un module d'avis, un badge de confiance ou tout module qui fournit un widget. Si le module choisi est absent ou désactivé, l'emplacement reste vide et la page s'affiche normalement.

Fonctionne-t-il en multiboutique et en multilingue ?

Oui. Tous les textes sont saisis dans chaque langue de la boutique. Les réglages d'apparence sont transmis en variables CSS posées sur le bloc de chaque boutique, qui garde ainsi son propre habillage.

Que reste-t-il si je désinstalle le module ?

Rien. La désinstallation supprime sa table et ses réglages. Le module n'a jamais déposé de fichier dans le thème ni dans override/.

Le module dépose-t-il des cookies ?

Non, et il ne charge aucune ressource externe. Votre bandeau de consentement reste inchangé.

Journal des versions

14 versions publiées pour PrestaShop

  1. Version 3.9.5 PrestaShop 9

    Nouveautés

    • Réglage « Priorité de chargement » de chaque bannière, dans Visuel > Image. Automatique (par défaut, comportement actuel) : l’image de la première bannière illustrée de la page est téléchargée en premier et annoncée au navigateur dès l’en-tête. Prioritaire : c’est l’image de cette bannière qui passe en premier ; une seule par page, la première prioritaire de la page l’emporte. Différée : l’image se charge à l’approche de l’écran, et aucune autre bannière ne prend la priorité à sa place. La vidéo d’arrière-plan suit l’image prioritaire.
    • Animation d’apparition, dans Style > Animation : fondu, montée, zoom lent sur l’image, ou textes l’un après l’autre, joués une fois à l’entrée de la bannière dans l’écran. Les visiteurs qui réduisent les animations, et les navigateurs sans JavaScript, voient la bannière tout de suite ; l’image prioritaire de la page n’est jamais masquée. Le petit script n’est chargé que si une bannière de la page s’en sert.
    • Couleur de fond de la bannière, avec une image ou une vidéo posée à côté du texte (Côte à côte, Centré, Produit, Mosaïque, Écran partagé, Éditorial, Superposé) : derrière le texte et autour de l’image. « Fondre le fond blanc » a ainsi une couleur dans laquelle se fondre.
    • Voile en dégradé, sombre en bas ou en haut, en plus du voile uni : l’image reste claire là où il n’y a pas de texte.
    • Liste des bannières : un avertissement signale une bannière d’accueil ou de catégorie qui n’est plus en tête de la page, avec un bouton « Remettre en tête ». Après un changement de thème, la bannière reprend la tête là où elle y était ; si vous l’avez déplacée vous-même, votre ordre est gardé.

    Corrections

    • Largeur « Bord à bord » sans effet dans un thème qui place la bannière dans son conteneur (Classic) : la bannière va désormais d’un bord à l’autre de la fenêtre, sans défilement horizontal, y compris de droite à gauche. Dans une colonne plus étroite (catégorie avec colonne latérale), elle reste dans sa colonne.
    • Structure Plein écran dans le conteneur du thème (Classic) : le texte touchait presque le bord de l’image ; il a désormais une marge intérieure.
    • Aperçu de l’éditeur : le bouton du thème (fond vide) s’affichait comme un lien souligné, et le texte d’une bannière en largeur « Conteneur » touchait le bord.
  2. Version 3.9.4 PrestaShop 9

    Modifications

    • Installation : la bannière prend la tête de l’accueil et de la catégorie, au lieu de s’accrocher sous les blocs du thème. Une boutique déjà équipée garde son ordre.
    • Largeur « Conteneur » : le contenu de la bannière prend le conteneur de votre thème, donc sa largeur et son retrait exacts ; texte et image s’alignent sur le reste de la page (sur Hummingbird, la bannière débordait du contenu). Dans un thème qui place déjà la bannière dans son conteneur (Classic), rien ne change. Réglage désormais proposé aussi en Côte à côte. Les bannières existantes gardent leur rendu à l’identique : elles passent sur le nouveau choix « Comme avant (hors du conteneur du thème) », et le marchand choisit « Conteneur du thème » pour l’alignement.
    • Bouton principal : fond vide par défaut, c’est alors le bouton principal de votre thème qui s’affiche, à ses couleurs. Une couleur choisie donne un bouton à ces couleurs. Les bannières existantes gardent leurs couleurs.
    • Espacement : nouveau choix « Comme le thème », par défaut des nouvelles bannières. Là où le thème espace déjà ses sections (accueil Hummingbird), une bannière sans fond n’ajoute aucune marge verticale ; ailleurs, comme Normal. Réglage désormais proposé aussi en Côte à côte. Les bannières existantes gardent leur espacement.

    Corrections

    • Bannière de démonstration de catégorie : son texte promettait que le nom et la description de la catégorie le remplaceraient, ce qui n’arrivait pas ; il dit maintenant ce qu’il fait. Elle ne répète plus le nom, la description ni les sous-catégories que le thème affiche déjà.
  3. Version 3.9.3 PrestaShop 9

    Modifications

    • Boutons principal et secondaire : interrupteur « Afficher ce bouton » ; coupé, les champs du bouton se replient et rien ne s’affiche, sans vider le texte. Une bannière existante garde son affichage (bouton allumé s’il a un texte). Bouton ou badge allumé sans texte : message dans l’éditeur.
    • Panneau Visuel : point focal affiché seulement là où l’image est recadrée ou placée dans un cadre, voile seulement là où il s’affiche (pas en Côte à côte, Écran partagé, Mosaïque ni Produit).
    • Style de l’image, là où elle est un objet (Côte à côte, Centré, Mosaïque, Produit) : coins (légers, marqués, pilule ou cercle), fond et forme (fondre le fond blanc, bords fondus, cercle, arche, forme organique), ombre douce ou marquée qui suit la forme. Feuille chargée seulement si une bannière de la page l’utilise.
    • Éditeur de bannière : chaque réglage de Mise en page et de Style n’apparaît que pour les structures où il agit, et suit en direct le choix de la structure (sans JavaScript, tout reste affiché). « Position du texte » ne s’affiche plus qu’en Plein écran et Carte, sans parenthèse technique.
    • Structure Côte à côte : nouveau réglage « Alignement vertical du texte » (haut, milieu, bas) dans sa colonne. Il reprend la partie verticale de la position déjà choisie : aucun réglage existant n’est perdu.

    Corrections

    • Structure Côte à côte : la vidéo hébergée s’affiche enfin, dans la colonne image, avec les mêmes règles que les autres structures (muette, en boucle, l’image en affiche ; image seule sur mobile et si le visiteur réduit les animations). Les coins, la forme et l’ombre de l’image s’appliquent aussi à la vidéo. Dans l’éditeur, le choix « Vidéo » disparaît des structures qui ne la jouent pas (Typographique, Mosaïque, Produit), avec un message si elle était déjà choisie.
    • Éditeur de bannière : à l’ouverture, les champs affichés sont ceux de la langue annoncée par le bouton de langue (celle de l’employé). Ils restaient ceux de la langue par défaut : un employé arabe ou anglais écrasait le texte français en croyant saisir le sien.
Voir les 11 versions précédentes
  1. Version 3.9.2 PrestaShop 9

    Modifications

    • Administration redessinée : bannières groupées par emplacement (glisser-déposer pour l'ordre, vignette, ciblage, période, interrupteur), import par dépôt de fichier ; éditeur en rubriques (Contenu, Visuel, Mise en page, Style, Mobile, Ciblage, Pages catégorie) avec aperçu en direct ordinateur ou mobile, langue des textes choisie en tête de page, arguments de vente ajoutés un à un.
    • Fiche catégorie : bloc LNK Hero avec trois modes (bannière générale, dédiée, masquée), textes, boutons, visuel et couleurs en onglets, valeurs de la bannière générale affichées dans les champs vides, aperçu.
    • Boutique : chaque feuille de style n'est chargée que sur les pages qui en ont besoin ; la structure « côte à côte », les autres structures et les sous-catégories ont chacune la leur, et une page sans bannière n'en charge aucune.
    • Textes des bannières rangés dans des colonnes multilingues natives de PrestaShop (une colonne par texte, une ligne par langue) ; textes propres à une catégorie dans leur propre table multilingue. La mise à jour convertit les données existantes sans changer l'affichage.
    • Une installation neuve n'écrit plus la configuration de la version 2.

    Corrections

    • Migration depuis la version 2 : les arguments de vente gardent leur emplacement. Un emplacement vide suivi d'un argument rempli (par exemple l'argument 4 sans argument 3) ne décale plus l'argument, qui restait masqué par un réglage de la fiche catégorie. Les boutiques déjà mises à jour retrouvent l'emplacement d'origine quand la bannière n'a pas été modifiée depuis.
    • Images et vidéos des bannières rangées dans le dossier d'images de la boutique (img/lnk_hero/), hors du dossier du module : une mise à jour qui remplace le module ne peut plus les effacer. La mise à jour y déplace les fichiers existants.
    • Une image ou une vidéo dont le fichier a disparu est signalée dans la liste et dans l'éditeur (« Fichier introuvable, à téléverser à nouveau ») au lieu d'une image cassée.
    • Page catégorie en français ou en arabe : la traduction du compteur « 1 produit » sous un lien de sous-catégorie faisait planter la page en PHP 8 quand une sous-catégorie comptait un seul produit.
    • Mise à jour enchaînée depuis une ancienne version : plus d'échec sur un point d'accroche déjà branché.
    • Structure « côte à côte » : marge latérale par défaut quand la bannière n'est pas dans le conteneur du thème (Hummingbird, aperçu du back-office) ; le texte ne touche plus le bord de l'écran, en français comme en arabe. Rendu inchangé dans un conteneur. Les thèmes la règlent par la variable --lnk-hero-gutter.
    • Aperçu de l'éditeur en arabe lu de droite à gauche, comme la boutique.
    • Champs de l'éditeur et de la fiche catégorie : chaque texte porte sa langue, et l'arabe se saisit de droite à gauche.
    • Feuilles de style servies avec l'empreinte de leur contenu (boutique, back-office et aperçu de l'éditeur) : après une mise à jour, un cache ou un CDN ne sert plus l'ancienne feuille.
    • Aperçu pleine largeur de l'éditeur : la bannière est rendue à la largeur disponible et l'occupe entièrement, au lieu de rester à 992 px collée à gauche.
    • Boutique et back-office en arabe : la mise en page se lit de droite à gauche (propriétés CSS logiques), puisque PrestaShop ne retourne pas les feuilles des modules. Rendu inchangé en français et en anglais.
  2. Version 3.9.1 PrestaShop 9

    Nouveautés

    • Variantes AVIF des images, quand le serveur sait les produire ; sinon WebP, comme avant.
    • Bannières de démonstration à l'installation (textes en français, anglais et arabe, image), désactivées tant que vous ne les avez pas modifiées puis activées.

    Modifications

    • Structure « côte à côte » : image responsive comme les autres structures (une variante par largeur d'écran, AVIF puis WebP), et préchargement de la variante adaptée au lieu de l'image pleine taille.
    • Administration entièrement traduite en français et en arabe.
    • Aperçu en direct : cadres mis à l'échelle de la largeur disponible, sans défilement horizontal ; une consigne remplace l'aperçu tant que la bannière n'a ni titre ni image.
    • Variable CSS --lnk-hero-fg renommée --lnk-hero-text ; l'ancien nom reste lu.
    • Licence mise à jour.
  3. Version 3.9.0 PrestaShop 9

    Version de la 3.1.0 pour PrestaShop 9, mêmes fonctionnalités. Le chiffre du milieu désigne la branche de PrestaShop : 3.1.x pour 1.7.6 à 8.x (branche prestashop/legacy, HelperForm, aucun code Symfony), 3.9.x pour 9.x (branche main).

    Modifications

    • Back-office Symfony seul ; le HelperForm (LnkHeroAdmin) est retiré de cette branche.
    • config/routes.yml et config/services.yml livrés en place : la version ne s'installe que sur PrestaShop 9 (ps_versions_compliancy min 9.0.0, max 9.99.99). Fin du déploiement à l'installation depuis config/ps9/.
    • upgrade/upgrade-3.9.0.php reprend la 2.x et la 3.1.x (boutique passée de 8 à 9) : tables, migration, onglet pointé sur la route Symfony, copies de config/ps9/ retirées.
  4. Version 3.1.4 PrestaShop 1.7.6 à 8.x

    Nouveautés

    • Réglage « Priorité de chargement » de chaque bannière, dans Visuel > Image. Automatique (par défaut, comportement actuel) : l’image de la première bannière illustrée de la page est téléchargée en premier et annoncée au navigateur dès l’en-tête. Prioritaire : c’est l’image de cette bannière qui passe en premier ; une seule par page, la première prioritaire de la page l’emporte. Différée : l’image se charge à l’approche de l’écran, et aucune autre bannière ne prend la priorité à sa place. La vidéo d’arrière-plan suit l’image prioritaire.
    • Animation d’apparition, dans Style > Animation : fondu, montée, zoom lent sur l’image, ou textes l’un après l’autre, joués une fois à l’entrée de la bannière dans l’écran. Les visiteurs qui réduisent les animations, et les navigateurs sans JavaScript, voient la bannière tout de suite ; l’image prioritaire de la page n’est jamais masquée. Le petit script n’est chargé que si une bannière de la page s’en sert.
    • Couleur de fond de la bannière, avec une image ou une vidéo posée à côté du texte (Côte à côte, Centré, Produit, Mosaïque, Écran partagé, Éditorial, Superposé) : derrière le texte et autour de l’image. « Fondre le fond blanc » a ainsi une couleur dans laquelle se fondre.
    • Voile en dégradé, sombre en bas ou en haut, en plus du voile uni : l’image reste claire là où il n’y a pas de texte.
    • Liste des bannières : un avertissement signale une bannière d’accueil ou de catégorie qui n’est plus en tête de la page, avec un bouton « Remettre en tête ». Après un changement de thème, la bannière reprend la tête là où elle y était ; si vous l’avez déplacée vous-même, votre ordre est gardé.

    Corrections

    • Largeur « Bord à bord » sans effet dans un thème qui place la bannière dans son conteneur (Classic) : la bannière va désormais d’un bord à l’autre de la fenêtre, sans défilement horizontal, y compris de droite à gauche. Dans une colonne plus étroite (catégorie avec colonne latérale), elle reste dans sa colonne.
    • Structure Plein écran dans le conteneur du thème (Classic) : le texte touchait presque le bord de l’image ; il a désormais une marge intérieure.
    • Aperçu de l’éditeur : le bouton du thème (fond vide) s’affichait comme un lien souligné, et le texte d’une bannière en largeur « Conteneur » touchait le bord.
  5. Version 3.1.3 PrestaShop 1.7.6 à 8.x

    Modifications

    • Installation : la bannière prend la tête de l’accueil et de la catégorie, au lieu de s’accrocher sous les blocs du thème. Une boutique déjà équipée garde son ordre.
    • Largeur « Conteneur » : le contenu de la bannière prend le conteneur de votre thème, donc sa largeur et son retrait exacts ; texte et image s’alignent sur le reste de la page (sur Hummingbird, la bannière débordait du contenu). Dans un thème qui place déjà la bannière dans son conteneur (Classic), rien ne change. Réglage désormais proposé aussi en Côte à côte. Les bannières existantes gardent leur rendu à l’identique : elles passent sur le nouveau choix « Comme avant (hors du conteneur du thème) », et le marchand choisit « Conteneur du thème » pour l’alignement.
    • Bouton principal : fond vide par défaut, c’est alors le bouton principal de votre thème qui s’affiche, à ses couleurs. Une couleur choisie donne un bouton à ces couleurs. Les bannières existantes gardent leurs couleurs.
    • Espacement : nouveau choix « Comme le thème », par défaut des nouvelles bannières. Là où le thème espace déjà ses sections (accueil Hummingbird), une bannière sans fond n’ajoute aucune marge verticale ; ailleurs, comme Normal. Réglage désormais proposé aussi en Côte à côte. Les bannières existantes gardent leur espacement.

    Corrections

    • Bannière de démonstration de catégorie : son texte promettait que le nom et la description de la catégorie le remplaceraient, ce qui n’arrivait pas ; il dit maintenant ce qu’il fait. Elle ne répète plus le nom, la description ni les sous-catégories que le thème affiche déjà.
  6. Version 3.1.2 PrestaShop 1.7.6 à 8.x

    Modifications

    • Boutons principal et secondaire : interrupteur « Afficher ce bouton » ; coupé, les champs du bouton se replient et rien ne s’affiche, sans vider le texte. Une bannière existante garde son affichage (bouton allumé s’il a un texte). Bouton ou badge allumé sans texte : message dans l’éditeur.
    • Panneau Visuel : point focal affiché seulement là où l’image est recadrée ou placée dans un cadre, voile seulement là où il s’affiche (pas en Côte à côte, Écran partagé, Mosaïque ni Produit).
    • Style de l’image, là où elle est un objet (Côte à côte, Centré, Mosaïque, Produit) : coins (légers, marqués, pilule ou cercle), fond et forme (fondre le fond blanc, bords fondus, cercle, arche, forme organique), ombre douce ou marquée qui suit la forme. Feuille chargée seulement si une bannière de la page l’utilise.
    • Éditeur de bannière : chaque réglage de Mise en page et de Style n’apparaît que pour les structures où il agit, et suit en direct le choix de la structure (sans JavaScript, tout reste affiché).
    • Structure Côte à côte : réglage « Alignement vertical du texte » (haut, milieu, bas) dans sa colonne, repris de la partie verticale de la position déjà choisie.
    • Administration redessinée : bannières groupées par emplacement (glisser-déposer pour l'ordre, vignette, ciblage, période, interrupteur), import par dépôt de fichier ; éditeur en rubriques (Contenu, Visuel, Mise en page, Style, Mobile, Ciblage, Pages catégorie) avec aperçu en direct ordinateur ou mobile, langue des textes choisie en tête de page, arguments de vente ajoutés un à un.
    • Fiche catégorie : bloc LNK Hero avec trois modes (bannière générale, dédiée, masquée), textes, boutons, visuel et couleurs en onglets, valeurs de la bannière générale affichées dans les champs vides, aperçu.
    • Boutique : chaque feuille de style n'est chargée que sur les pages qui en ont besoin ; la structure « côte à côte », les autres structures et les sous-catégories ont chacune la leur, et une page sans bannière n'en charge aucune.
    • Textes des bannières rangés dans des colonnes multilingues natives de PrestaShop (une colonne par texte, une ligne par langue) ; textes propres à une catégorie dans leur propre table multilingue. La mise à jour convertit les données existantes sans changer l'affichage.
    • Une installation neuve n'écrit plus la configuration de la version 2.

    Corrections

    • Structure Côte à côte : la vidéo hébergée s’affiche enfin, dans la colonne image, avec les mêmes règles que les autres structures (muette, en boucle, l’image en affiche ; image seule sur mobile et si le visiteur réduit les animations). Les coins, la forme et l’ombre de l’image s’appliquent aussi à la vidéo. Dans l’éditeur, le choix « Vidéo » disparaît des structures qui ne la jouent pas (Typographique, Mosaïque, Produit), avec un message si elle était déjà choisie.
    • Migration depuis la version 2 : les arguments de vente gardent leur emplacement. Un emplacement vide suivi d'un argument rempli (par exemple l'argument 4 sans argument 3) ne décale plus l'argument, qui restait masqué par un réglage de la fiche catégorie. Les boutiques déjà mises à jour retrouvent l'emplacement d'origine quand la bannière n'a pas été modifiée depuis.
    • Images et vidéos des bannières rangées dans le dossier d'images de la boutique (img/lnk_hero/), hors du dossier du module : une mise à jour qui remplace le module ne peut plus les effacer. La mise à jour y déplace les fichiers existants.
    • Une image ou une vidéo dont le fichier a disparu est signalée dans la liste et dans l'éditeur (« Fichier introuvable, à téléverser à nouveau ») au lieu d'une image cassée.
    • Page catégorie en français ou en arabe : la traduction du compteur « 1 produit » sous un lien de sous-catégorie faisait planter la page en PHP 8 quand une sous-catégorie comptait un seul produit.
    • Mise à jour enchaînée depuis une ancienne version : plus d'échec sur un point d'accroche déjà branché.
    • PrestaShop 1.7.6 et 1.7.7 : l'administration et les textes de la boutique s'affichent dans la langue du marchand (ils restaient en anglais).
    • Structure « côte à côte » : marge latérale par défaut quand la bannière n'est pas dans le conteneur du thème (Hummingbird, aperçu du back-office) ; le texte ne touche plus le bord de l'écran, en français comme en arabe. Rendu inchangé dans un conteneur. Les thèmes la règlent par la variable --lnk-hero-gutter.
    • Aperçu de l'éditeur en arabe lu de droite à gauche, comme la boutique.
    • Champs de l'éditeur et de la fiche catégorie : chaque texte porte sa langue, et l'arabe se saisit de droite à gauche.
    • Feuilles de style servies avec l'empreinte de leur contenu (boutique, back-office et aperçu de l'éditeur) : après une mise à jour, un cache ou un CDN ne sert plus l'ancienne feuille.
    • Aperçu pleine largeur de l'éditeur : la bannière est rendue à la largeur disponible et l'occupe entièrement, au lieu de rester à 992 px collée à gauche.
    • Boutique et back-office en arabe : la mise en page se lit de droite à gauche (propriétés CSS logiques), puisque PrestaShop ne retourne pas les feuilles des modules. Rendu inchangé en français et en anglais.
  7. Version 3.1.1 PrestaShop 1.7.6 à 8.x

    Nouveautés

    • Variantes AVIF des images, quand le serveur sait les produire ; sinon WebP, comme avant.
    • Bannières de démonstration à l'installation (textes en français, anglais et arabe, image), désactivées tant que vous ne les avez pas modifiées puis activées.

    Modifications

    • Structure « côte à côte » : image responsive comme les autres structures (une variante par largeur d'écran, AVIF puis WebP), et préchargement de la variante adaptée au lieu de l'image pleine taille.
    • Administration entièrement traduite en français et en arabe.
    • Aperçu en direct : cadres mis à l'échelle de la largeur disponible, sans défilement horizontal ; une consigne remplace l'aperçu tant que la bannière n'a ni titre ni image.
    • Variable CSS --lnk-hero-fg renommée --lnk-hero-text ; l'ancien nom reste lu.
    • Licence mise à jour.

    Corrections

    • Aperçu en direct noir à l'ouverture de l'éditeur.
  8. Version 3.1.0 PrestaShop 1.7.6 à 8.x

    Première version 3 : plusieurs bannières par page, dix structures, vidéo de fond, trente modèles, aperçu en direct, zéro JavaScript en front. Mise à jour depuis la 2.x par le cadre natif de PrestaShop, sans aucun changement d'affichage (HTML identique à l'octet, vérifié sur 1.7.8, 8.1 et 9.0).

    Nouveautés

    • Bannières multiples : tables lnk_hero_banner (+ _lang, _shop), multilingues et multiboutiques. Chaque bannière a son placement, son ordre, sa période.
    • Dix structures : côte à côte, centrée, plein cadre, carte, empilée, typographique, écran partagé, éditoriale, mosaïque (une à quatre images ; tuiles 2 à 4 décoratives et en différé), produit en vedette. Composition réglable (position 3 × 3, alignement, largeurs, hauteur, espacements, coins, ombre), réglages mobiles dédiés. Chaque feuille de structure fait moins de 2 Ko et n'est chargée que si la page l'affiche.
    • Produit en vedette : image, nom et prix réel (remises comprises) d'un produit du catalogue ; titre, texte, image et bouton vides repris du produit ; produit inactif ou invisible : bannière masquée.
    • Vidéo de fond auto-hébergée (MP4, WebM ; 20 Mo) avec image obligatoire. Téléchargée seulement sur ordinateur, dans la première bannière visible, sans « réduire les animations » (media sur la source) : mesuré à 0 octet de vidéo sur mobile et plus bas dans la page. Signature du conteneur vérifiée, nom et extension choisis par le module.
    • Tuiles de raccourcis sous une bannière : catégories choisies et liens libres.
    • Ciblage : types de pages, catégories (liste, branche, exclusions), pages CMS, période, groupes clients, comportement à partir de la page 2 d'une liste.
    • Images : réencodage GD de tout fichier envoyé, déclinaisons 480 à 1920 px, WebP, image mobile, point focal, voile, couleur moyenne. Préchargement de la seule première image visible (ordre visuel : le haut de page passe avant l'accueil), avec imagesrcset.
    • Trente modèles prêts à l'emploi, par usage : design seul (structure, composition, couleurs, style, disposition mobile), textes, images et ciblage gardés ; chacun passe le contrôle de contraste.
    • Aperçu en direct ordinateur et mobile dans les deux back-offices, rendu par le serveur avec le code du front ; rien n'est enregistré avant le bouton Enregistrer.
    • Contrôle du contraste WCAG AA pendant la saisie (LnkHeroContrast) : seules les couleurs connues sont comparées ; sur photo, estimation par la couleur moyenne de l'image.
    • Export et import d'une bannière en JSON, images et vidéo embarquées et contrôlées à l'import ; sur une autre boutique, ciblage par identifiants remis à zéro.
    • Contrat de thème 1 (docs/THEME-CONTRACT.md) : emplacement nommé {hook h='displayLnkHero' slot='…'}, amorçage themes/<thème>/modules/lnk_hero/seed.json importé une fois à l'installation par le thème (LNK_HERO_THEME) ou à son activation, et depuis la liste des bannières ; variables CSS et variables de gabarit garanties. Prouvé sur PrestaShop 9.0 avec un thème compilé par youtheme.
    • Balise de chaque titre : titre et sur-titre en H1 à H6, p ou span (plan du document pour le SEO ; l'apparence ne change pas).
    • Pages catégorie : longueur de description, source de l'image, sous-catégories, réglages des fiches catégorie appliqués par bannière.
    • Liste des bannières : ordre, activation, duplication, suppression, export.
    • LnkHeroSchema (seule règle d'assainissement), LnkHeroForm (description unique du formulaire), LnkHeroManager (opérations communes aux deux back-offices).
    • Tests : test-v3.php, test-images.php, upgrade-check.sh, parcours réels du back-office tests/bo-*.js.

    Modifications

    • Back-office PrestaShop 9 réécrit : liste, éditeur à onglets et réglages en Symfony, générés depuis la même description que le HelperForm. Droits lecture / modification par action, actions en POST avec jeton CSRF. Routes redéployées par la mise à jour.
    • Back-office 1.7.6 à 8 : liste et éditeur HelperForm à onglets.
    • Version minimale : PrestaShop 1.7.6.
    • Les classes d'administration ne sont plus chargées côté boutique.

    Retraits

    • L'aperçu en direct de la 2.x (views/js/admin.js, views/css/admin.css) : il ne couvrait qu'une structure ; remplacé par l'aperçu serveur, valable pour toutes.
    • Le hook displayBackOfficeHeader, qui ne servait qu'à cet aperçu (désinscrit par la mise à jour).
  9. Version 2.1.0 PrestaShop 1.7.6 à 8.x

    Nouveautés

    • Back-office Symfony sur PrestaShop 9 : contrôleur PrestaShopAdminController (la base introduite en 9.0 ; FrameworkBundleAdminController y est @deprecated), attribut #[AdminSecurity], formulaire Symfony avec TranslatableType et SwitchType, gabarit Twig étendant @PrestaShop/Admin/layout.html.twig.
    • composer.json + autoloader PSR-4 généré (Lnkboot\LnkHero\ → src/). PrestaShop 9 inclut modules/<module>/vendor/autoload.php via ContainerBuilder : sans lui, la classe du contrôleur est introuvable et le conteneur ne se monte pas.
    • L'onglet du back-office utilise Tab::$route_name en PS 9 et pointe directement sur la route Symfony ; getContent() y redirige ceux qui arrivent par Modules → Configurer.

    Modifications

    • config/routes.yml et config/services.yml sont déployés à l'installation depuis config/ps9/, et seulement si la boutique est en 9.x. Les livrer en dur casserait les boutiques 1.7 et 8 : services.yml est compilé au montage du conteneur et y référencerait une classe dont la classe parente n'existe pas — c'est tout le back-office qui tomberait. Ils sont retirés à la désinstallation.
    • PrestaShop 1.7 et 8 conservent l'éditeur HelperForm. Les deux éditeurs écrivent le même schéma (LnkHeroConfig) : une boutique qui monte de version ne perd aucun réglage.
    • Repli explicite : si le déploiement échoue (dossier en lecture seule), le module sert le HelperForm au lieu d'échouer.
  10. Version 2.0.0 PrestaShop 1.7.6 à 8.x

    Première version distribuable. La 1.x était un développement sur-mesure pour un seul site ; cette version le rend installable partout. Voir docs/UPGRADE-FROM-V1.md.

    Nouveautés

    • Compatibilité PrestaShop 1.7.6 → 8.x (9.x : version 3.9.0), isolée dans classes/LnkHeroCompat.php.
    • Placements configurables : displayHome / displayHeaderCategory (par défaut, aucun thème à modifier), displayContentWrapperTop, ou le hook maison displayLnkHero.
    • Verrou anti double-rendu par requête.
    • Réglage « Restreindre à ces thèmes » (remplace la garde de thème en dur).
    • Niveau de titre configurable, avec un mode automatique : h1 sur l'accueil, h2 sur les catégories — pas de H1 en double avec celui du thème.
    • Texte alternatif de l'image, configurable et multilingue.
    • width / height sur l'image du hero à partir des dimensions relevées à l'envoi (CLS).
    • <link rel="preload" fetchpriority="high"> sur l'image du hero (LCP).
    • Réglage « Module rendu sous les boutons » pour insérer un module tiers dans le hero.
    • Documentation complète : installation, hooks, compatibilité, SEO, hooks maison, argumentaire marketplace.

    Modifications

    • Les valeurs configurables passent en variables CSS inline au lieu de fichiers CSS générés : plus d'écriture disque, comportement correct en multiboutique, et fin des correctifs bloqués dans les caches CDN.
    • Template unique hero.tpl pour l'accueil et les catégories.
    • Toutes les chaînes passent par $this->l() et {l s='' d='Modules.Lnkhero.Shop'}.
    • Assainissement strict des couleurs (liste blanche #rrggbb, rgb(), mot-clé) et des URL (rejet de javascript:, data:).
    • Classes CSS renommées mc-* → lnk-*.
    • La feuille de style ne cible plus que les classes du module : plus aucune règle appliquée au thème hôte.

    Corrections

    • Un {widget name='...'} sur un module absent ne casse plus la page : le rendu d'un module tiers est enveloppé.
    • Une surcharge de catégorie dont les champs sont vides n'écrase plus la configuration globale.
    • Le prix « à partir de » n'appelle plus Tools::displayPrice(), supprimé en PrestaShop 9.

    Retraits

    • Garde de thème en dur magic-custom-v2.
    • Appels en dur aux modules lnk_reviews et lnk_reassurance (devenus optionnels et défensifs).
    • Image de démonstration du client embarquée dans le module.
    • Fichiers CSS générés hero-custom.css et hero-cat-custom.css.
  11. Version 1.4.0 PrestaShop 1.7.6 à 8.x

    Version sur-mesure : hero accueil et catégories, éditeur avec aperçu live, surcharges par catégorie. Non distribuable (couplée au thème magic-custom-v2).

Autres extensions de la catégorie Design et navigation

Voir toute la catégorie
  • Nouveau
Voir la fiche

Module · Design et navigation

LNK Advanced Search

Par LNKBOOT ·

Recherche instantanée pour PrestaShop : suggestions, fautes corrigées, synonymes et recherche avancée en une phrase. 0,8 Ko.

Personnalisable sur devis
49,00 € HT soit 58,80 € TTC
  • Nouveau
Voir la fiche

Module · Design et navigation

LNK Theme Preview

Par LNKBOOT ·

Prévisualisez un thème PrestaShop non actif sur votre boutique réelle, via un lien privé. Vos visiteurs gardent le thème actif. 1.7 à 9. Contient un override.

Personnalisable sur devis
49,00 € HT soit 58,80 € TTC

Votre panier

Votre panier est vide.