Greffer le module bloc social dans displayNav | Astuce Prestashop 1.6

Ce tutoriel va vous permettre de greffer le module « bloc social » dans displayNav

Cette astuce Prestashop est valable pour la version 1.6

——————————————————–

On va dans un premier temps modifier le fichier blocksocial.php

1) Pour cela allez dans modules > blocksocial> blocksocial.php. Tout à la fin du code, juste avant la dernière accolade collez le code suivant puis enregistrez.

2) Dans le back office de prestashop, allez dans Modules > Position > Greffer un module (en haut à droite). Greffer le module « bloc social » sur displayNav. N’oubliez pas d’enregistrer

Greffer le module bloc social dans displayNav

————————————–

Si vous retournez sur le front office de votre boutique vous avez cela :

Greffer le module bloc social dans displayNav

Bon je vous l’accorde c’est pas top. On va donc mettre un peu de css.

3) Pour cela, allez dans votre thème > css > global.css. Dans ce fichier insérez le code suivant

Voila le résultat :

Capture d’écran 2015-04-24 à 21.46.32

Articles similaires

Optimisez le sitemap de votre boutique | Astuce Prestashop 1.6
views 3047
Qu'est ce qu'un sitemap ?  Un sitemap est un fichier qui contient une liste enrichie d'URLs internes à un site web. Ce fichier est au format XML. Il permet de fournir aux principaux moteurs de recherche des informations sur les URLs d'un site web qu'ils ne pourraient pas découvrir par eux-mêmes Comment créer un sitemap depuis le back-office de Prestashop  Il faut aller dans Modules et Services ...
Supprimer « Imprimer » sur la fiche produit | Astuce Prestashop 1.6
views 2129
Personnellement, je n'arrive plus à me souvenir la dernière fois où j'ai imprimé une fiche produit depuis le site d"une boutique en ligne. Je suppose que si vous lisez cet article, vous êtes dans la même situation. Il est très simple de supprimer le mot et l'icône "Imprimer" sur la fiche produit,  mais il faut obligatoirement passer par le code. Comment supprime t-on "Imprimer"  sur la fiche p...
Configurer le moteur de recherche – Prestashop 1.7
views 8815
Le tutoriel d'aujourd'hui va vous permettre de configurer le moteur de recherche internet de votre boutique Prestashop 1.7 et ainsi de rendre visible vos produits lorsque qu’un client effectuera une recherche. Tout d'abord, connectez à votre back-office et dans le menu de gauche, sélectionnez Configurer -> Paramètres de la boutique -> Rechercher. Vous arrivez sur une page qui vous ...
Transformer les tabs de la page d’accueil en bloc | Astuce Prestashop 1.6
views 5197
Ce tutorial va vous permettre de transformer les tabs "Populaire", "Meilleurs ventes", "Nouveaux Produits" et "Promotions" de la page d'accueil en bloc Cette astuce Prestashop a été testée sur la version 1.6.1 Attention, cette astuce est conseillée pour les personnes qui connaissent un minimum Prestashop, html et css. A)  Bloc Populaire 1)  Aller dans Modules > Positions. 1.1 ) D...
Afficher le champ adresse sur plusieurs lignes | Bloc contact infos – Astuce Presta...
views 1142
Cette astuce Prestashop est valable pour la version 1.6 Vous l'avez sûrement remarqué, en bas de page, l'adresse de votre magasin est sur une seule ligne. Ce rapide tutoriel va vous permettre d'afficher le champ adresse sur plusieurs lignes Valable pour Prestashop 1.6 et 1.5 ----------------------------------- 1) Pour insérer les informations de votre boutique, il faut aller...

17 réponses à “Greffer le module bloc social dans displayNav | Astuce Prestashop 1.6”

  1. Perrine dit :

    Bonjour,

    Merci pour cette astuce. Comment faire pour que ces modifications ne soient pas à refaire à chaque mise à jour du module ?

    Merci 🙂

  2. c_majory dit :

    Bonjour,

    A partir de Prestashop 1.6.011, il est possible d’overrider vos modules.

    Pour la partie qui nous concerne :

    Allez dans override > modules. Créez un dossier qui se nommera blocksocial. A l’intérieur de ce dossier, créez un fichier qui se nommera blocksocial.php. Puis copiez ce code à l’intérieur du fichier


    if (!defined('_CAN_LOAD_FILES_'))
    exit;
    class blocksocialOverride extends blocksocial
    {
    public function hookdisplayNav($params){
    return $this->hookDisplayFooter();
    }
    }

    Pour fonctionner, il sera nécessaire de nettoyer le cache en supprimant le fichier class_index.php qui se situe dans le dossier cache, à la racine du site.

    ----------

    Si vous avez une version antérieure, il faudra recopier le code.

  3. Nono dit :

    Bonsoir
    Je commence par vous remercier pour vos précieux conseils. Je viens d’oscommerce et bien que prestashop s’annonce plus pratique au niveau back office, ca m’exaspère d’être constamment bloqué pour faire ce que je veux au niveau du css, donc merci.
    Cependant, bien que les étapes marchent parfaitement, je suis bloqué à l’étape très importante du override.
    En effet, je ne préférerais pas avoir à refaire la modification à chaque mise à jour donc c’est important et pourtant en suivant ça à la lettre:
    Allez dans override > modules. Créez un dossier qui se nommera blocksocial. A l’intérieur de ce dossier, créez un fichier qui se nommera blocksocial.php. Puis copiez ce code à l’intérieur du fichier

    hookDisplayFooter();
    }
    }

    Pour fonctionner, il sera nécessaire de nettoyer le cache en supprimant le fichier class_index.php qui se situe dans le dossier cache, à la racine du site.

    Une fois que j’ai fait tout ça, ma boutique disparait complètement. L’onglet affiche un ? et rien ne s’affiche.
    Je supprime bien le class index php qui se trouve à la racine du dossier www/cache
    je suis sur la version 1.6.1.0

  4. Nono dit :

    Pardon je colle le code entier dans le fichier, sur mon commentaire du dessus seule la dernière ligne s’affiche
    hookDisplayFooter();
    }
    }

  5. c_majory dit :

    Bonjour,

    Mea Culpa le code s’est mal affiché.

    Voici le bon code à mettre à l’intérieur du fichier :


    if (!defined('_CAN_LOAD_FILES_'))
    exit;
    class blocksocialOverride extends blocksocial
    {
    public function hookdisplayNav($params){
    return $this->hookDisplayFooter();
    }
    }

  6. L'Amour de Soi dit :

    Je ne trouve pas le fichier blocksocial.php dans modules > blocksocial >
    Faut il le créer ?

    Merci pour votre réponse 🙂

  7. L'Amour de Soi dit :

    c’est bon j’ai trouvé mdr
    je découvre les coulisses 😉

  8. wafa_tn dit :

    j’ai suivi étape par étape le tuto mais le blocksocial ne change pas que je dois faire? sachant que j’utilise prestashop1.6

  9. c_majory dit :

    Vous avez nettoyé votre cache

    Paramètres avancées > Performances > Vider le cache

  10. Virginie dit :

    Bonjour, je vais développer un site sous Prestashop, je découvre, et souhaite commencer le plus proprement possible.
    Pour cela j’ai dupliqué le thème par defaut et je travaille sur cette duplication (CSS, fichiers .tpl). Alors je ne comprend pas l’intérêt d’overrider ?
    Si mise à jour il y a c’est le theme par defaut qui sera mis à jour non ?
    Si vous pouviez éclairer ma lanterne.

    Et merci beaucoup pour ces tutos 🙂

  11. c_majory dit :

    Bonjour,

    Si vous souhaitez modifier les fichiers TPL, CSS ou JS d’un module, il vous suffira de dupliquer ces fichiers dans votre thème suivant le modèle suivant. En cas de mise à jour du module, les modifications apportées à ces fichiers ne seront pas impactées, vous conserverez donc le changement de mise en page.
    Les surcharges des CSS se placeront dans « themes/le-nom-de-mon-theme/css/mon-module/
    Les surcharges des JS se placeront dans « themes/le-nom-de-mon-theme/js/mon-module/
    Les surcharges des TPL se placeront dans « themes/le-nom-de-mon-theme/modules/mon-module

    Par contre, si vous devez modifier le fichier PHP d’un module, vous ne pouvez pas dupliquer ce fichier dans votre thème, Prestashop ne le permet pas
    Deux solutions:
    – soit vous effectuez directement les modifs dans le fichier PHP, mais en cas de mise à jour du module dans le back office, les modifications seront supprimées, vous serez obligé de les refaire
    – soit vous surchargez le fichier (overrider le fichier) et là en cas de mise à jour du module, les modifications ne seront pas supprimées

  12. JLOUP dit :

    Merci pour cette astuce, fonctionne à merveille!

  13. philipppe dit :

    bonjour

    je fais cette manip pour le hook Top cela fonctionne bien

    mais pas l’application du css
    j’ai naivement remplacer nav par top !

    merci pour votre conseil

    cdt

    philippe

  14. christophe dit :

    bonjour,

    je suivi le tuto et je me retrouve avec facebook ecrit dans un bouton…………….

  15. christophe dit :

    bonjour,

    j’ai suvi cet ecxellent tuto,mais j’ai un probléme de mise en place, les logos apparaissent bien mais ils sont en noir, et au survol, il deviennent tous noirs, je n’arrive pas a voir le probléme?

  16. c_majory dit :

    c’est surement le css de votre thème

  17. c_majory dit :

    bonjour,

    cela vient surement du css de votre thème qui a été modifié

Laisser un commentaire

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