Gestionnaire de Module

Menu
  • Modules
  • pstopbanner
  • Configurer

Configurer

Top bannière

Top bannière

Pstopbanner est un module léger qui vous permet d'afficher une bannière en haut de votre site web.

» Développeur et SEO friendly :

  • Permet (et encourage) l'utilisation de classes CSS plutôt que du code CSS inline.
  • Animation en pur CSS.

» Pas de connaissances en HTML/CSS ? Pas d'inquiétude... :

  • Utilisez les sélecteurs de couleur pour customiser l'apparence.
  • Paramétrez facilement un lien.

Paramètres

Activer ou désactiver la bannière sur votre site

Par défaut, Top Bannière sera attachée au hook displayBanner, situé dans le fichier /themes/VOTRE_THEME/_partials/header.tpl. Si vous rencontrez des bugs d'affichage, essayez de l'attacher au hook displayAfterBodyOpeningTag, situé dans le fichier /themes/VOTRE_THEME/layouts/layout-both-columns.tpl, juste après la balise d'ouverture de l'élément body.

Si activé, la top bannière restera fixe en haut de page. Un padding-top égal à la hauteur de la bannière sera automatiquement ajouté à l'élément body

Quand activé, le contenu de la bannière sera animé horizontalement (défilant de droite à gauche). Cela permet d'afficher des longues phrases sans retour à la ligne.

Pour un code plus propre, vous devriez plutôt utiliser les classes CSS ci-dessous. Si vous n'avez pas les compétences en HTML/CSS

Pour un code plus propre, vous devriez plutôt utiliser les classes CSS ci-dessous. Si vous n'avez pas les compétences en HTML/CSS

Vous devriez utiliser les classes de votre thème pour styliser la bannière : le code généré sera plus propre et plus SEO-friendly. Le thème Classic (et ses dérivés) de Prestashop 1.7 utilise le framework Bootstrap 4. N'hésitez pas à regarder la documentation, cela peut vous permettre de créer facilement des rendus en utilisant de simples classes CSS.

Si défini, la bannière toute entière sera cliquable. Veuillez inclure l'ur complète (en incluant http:// ou https://)

Si activé

Entrez le texte que vous souhaitez afficher dans la bannière. Le HTML est autorisé. Astuce : Si vous utilisez Prestashop 1.7 avec le thème Classic ou dérivé, vous pouvez utiliser les icônes Material Icons en ajoutant un tout petit peu de code HTML.