Voici un petit tuto qui va vous permettre de centrer votre menu dans prestashop
Cette astuce Prestashop est valable pour la version 1.6
Comment centrer le menu sur ma boutique Prestashop ?
Il y a q’un seul fichier à modifier : superfish-modified.css qui appartient au module blocktopmenu
1) Dans .sf-menu, ajouter text-align:center
|
1 2 3 4 5 6 7 |
.sf-menu { text-align: center; position: relative; padding: 0; width: 100%; border-bottom: 3px solid #e9e9e9; background: #f6f6f6; } |
2) Dans .sf-menu > li, remplacer float:left par display: inline-block;
|
1 2 3 4 5 |
.sf-menu > li { border-right: 1px solid #d6d4d4; display: inline-block; margin-bottom: -3px; } |
Et voila le resultat :
Dommage que personne n’ai laissé de commentaire sur ce tuto qui marche impec… en prenant le bon superfish-modified.css 😉
(theme/votre thème/css/modules/blocktopmenu/css/superfish-modified.css).
Merci à toi !
Merci pour le ti tuto,
sa marche nickel pour moi.
Bonjour,
Tuto qui marche niquel sur un ordinateur, mais pour la version mobile, le menu part en vrille.
Si vous avez une solution ?
Cordialement
Bonjour,
Il faut utiliser les media queries
Merci pour le tuto,
C’est parfait pour le menu, mais cela a impacté mes sous-catégories, qui se retrouvent centrées et le menu devient illisible.
D’où vient mon erreur ? comment corriger cela?
merci d’avance 🙂
super merci beaucoup.
Bonjour,
Comme ca il est difficile de répondre, il faut que je vois votre code.
ligne 164 localhost/prestashop/themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css
remetter la même chose: display: inline-block et text-align: center
je modifie sur le code mais y a rien changer au mon site j’ai rien compris quelqu’un peut m’aider?
Bonjour,
si rien ne change, c’est un problème de cache, il faut le nettoyer
Bonjour,
super! et merci beaucoup pour le tuto, et -il possible d’afficher en arborescence la listes de mes produits directement dans chaque categories/sous-catégorie du menu ?
Car pour le moment prestashop peux afficher des produits directement, mais en meme rang que les categories du menu.
avez vous une solution ?
merci d’avance
Malheureusement il n’est pas possible de faire ca avec le module par défaut de Prestashop. Vous avez ce module (16$), beaucoup plus poussé. Je ne l’ai pas encore testé mais il semble avoir de bon avis.
https://codecanyon.net/item/finalmenu-prestashop-menu/8230997?s_rank=1
Cordialement