Astuce : Centrer votre menu dans Prestashop 1.6

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

2) Dans .sf-menu > li, remplacer float:left par display: inline-block;

Et voila le resultat :

Capture d’écran 2015-04-13 à 19.31.27

Articles similaires

 3 produits achetés le 2ème gratuit | Astuce Prestashop
views 5676
 Vous désirez mettre en place une campagne de promotion : x produits achetés, 1 offert. Il est très facile de configurer ce cas de figure dans Prestashop Comment mettre en place cette promotion dans le back-office de Prestashop  ?  A) Connectez-vous au back-office de Prestashop B) Allez dans l'onglet Promotions > Règles Paniers C) Configurer les informations comme ci-dessous ...
Désactiver les frais de port dans le block panier | Astuce Prestashop 1.6
views 5967
 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...
Mettre une page catégorie comme page d’accueil | Astuce Prestashop 1.6
views 2121
 Ce petit tuto va vous permettre de transformer votre page catégorie en page d'accueil. Cette petite astuce Prestashop est valable pour la version  1.5 et 1.6 1) Ouvrez le fichier IndexController.php qui se situe dans controllers/front/IndexController.php 1.1 - Modifier "extends" Remplacer Par ----------- 1.2 -  Afin de définir la catégorie que vous désirez en page d'accuei...
Ajouter un accordéon dans une page cms | Astuce Prestashop 1.6
views 5645
 Grâce à ce tuto très simple, vous pourrez ajouter un accordéon dans votre page CMS Astuce Prestashop 1.6 ------------------------------------------------- Solution 1 (ne fonctionne pas toujours) 1) Une fois sur la page cms, cliquez sur l'icône source code 2. Insérez le code suivant 3 Enregistrer et visualiser Solution 2 1) Une fois sur la page cms, cliquez sur l'icô...
Greffer le menu haut horizontal dans displayNav | Astuce Prestashop 1.6
views 4499
 Ce tutoriel va vous permettre de greffer le module "menu haut horizontal" dans displayNav Cette astuce Prestashop est valable pour la version 1.6 -------------------------- On va dans un premier temps greffer le module au hook displayNav : 1) Modules > Position > Greffer un module (en haut à droite). Greffer le module "Menu Haut Horizontal sur displayNav. 2) Cliquez su...

12 réponses à “Astuce : Centrer votre menu dans Prestashop 1.6”

  1. Tirips dit :
    26 mai 2015 à 19 h 21 min

    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 !

  2. Tipotam dit :
    27 août 2015 à 13 h 02 min

    Merci pour le ti tuto,

    sa marche nickel pour moi.

  3. Valentin dit :
    10 octobre 2015 à 18 h 24 min

    Bonjour,

    Tuto qui marche niquel sur un ordinateur, mais pour la version mobile, le menu part en vrille.

    Si vous avez une solution ?

    Cordialement

  4. c_majory dit :
    11 octobre 2015 à 13 h 11 min

    Bonjour,

    Il faut utiliser les media queries

  5. Clemence dit :
    22 février 2016 à 23 h 06 min

    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 🙂

  6. julien dit :
    23 février 2016 à 9 h 10 min

    super merci beaucoup.

  7. c_majory dit :
    23 février 2016 à 13 h 40 min

    Bonjour,

    Comme ca il est difficile de répondre, il faut que je vois votre code.

  8. roussette dit :
    1 avril 2016 à 10 h 37 min

    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

  9. hajar dit :
    17 août 2016 à 11 h 25 min

    je modifie sur le code mais y a rien changer au mon site j’ai rien compris quelqu’un peut m’aider?

  10. c_majory dit :
    23 août 2016 à 11 h 02 min

    Bonjour,

    si rien ne change, c’est un problème de cache, il faut le nettoyer

  11. herman dit :
    12 septembre 2016 à 19 h 28 min

    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

  12. c_majory dit :
    14 septembre 2016 à 10 h 21 min

    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

Laisser un commentaire

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