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

 Ajouter « produit deja acheté » sur la page produit | Prestashop 1.6
views 904
 Aujourd'hui, nous allons voir comment ajouter la notification "Produit déjà acheté le ....." sur la page produit. Cette astuce (donnée par Nemops) est valable pour Prestashop 1.6. Très rapide à mettre en place. --------------------------------------------------------------- Dans ce tutorial, nous allons "overrider" les fichiers. Si vous upgradez Prestashop, les fichiers modifiés n...
Bouton Suivant/Précedent sur la page produit | Astuce Prestashop 1.6
views 1995
 Voici un petit tutoriel si vous désirez ajouter un bouton suivant/précedent sur la page produit Cette astuce Prestashop est valable pour la version 1.5 et 1.6 ---------------- 1) Créez un nouveau fichier qui se nommera Product.php dans override/classes et insérez le code suivant : ---------------- 2) Créez un nouveau fichier qui se nommera ProductController.php dans override/con...
Modifier l’arrière-plan de votre boutique Prestashop 1.7
views 9720
 Dans ce tutorial, nous allons voir comment modifier les couleurs de fond de votre boutique en ligne Prestashop 1.7. Tout se passe à l'intérieur des codes. 1) Haut de page 2) Contenu 3) Bas de page ------------------------------------------------------------------ A) Etape 1 : Ouvrir le fichier themes.css dans /themes/classic/assets/css/theme.css B) Etape 2 : Dans certaines ...
Votre boutique Prestashop est-il compatible mobile ?
views 1277
 Google ayant mis en place son label « Mobile Friendly », dans ses résultats de recherche, il devient maintenant incontournable d'avoir un site version mobile. Il faut noter aussi qui si votre site n'est pas responsive ou compatible Mobile, vous allez perdre des places dans les pages de résultats de Google. Google à mise à votre disposition un outil très simple pour tester la comptabilité de vot...
Ajouter gratuitement un live chat sur votre site | Astuce Prestashop 1.6
views 2268
 Qu'est qu'un live chat ?  Le terme live chat désigne l'ensemble des moyens qui permet à un internaute de rentrer instantanément en contact  avec un employé du site afin de répondre à ses questions. Comment installer un live chat sur sa boutique Prestashop ?  Pour l'installer sur votre site en ligne, il vous faudra un module et s'enregistrer sur une platform. C'est très rapide et facile ...

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 *