{"id":782,"date":"2015-04-27T11:42:41","date_gmt":"2015-04-27T11:42:41","guid":{"rendered":"http:\/\/www.majory-cubizolles.fr\/blog\/?p=782"},"modified":"2017-01-23T18:29:02","modified_gmt":"2017-01-23T18:29:02","slug":"greffer-le-module-bloc-social-dans-displaynav","status":"publish","type":"post","link":"https:\/\/www.majory-cubizolles.fr\/blog\/greffer-le-module-bloc-social-dans-displaynav\/","title":{"rendered":"Greffer le module bloc social dans displayNav | Astuce Prestashop 1.6"},"content":{"rendered":"

Ce tutoriel va vous permettre de greffer le module \u00ab\u00a0bloc social\u00a0\u00bb dans displayNav<\/p>\n

Cette astuce Prestashop est valable pour la version 1.6<\/strong><\/strong><\/span><\/p>\n

——————————————————–<\/span><\/p>\n

On va dans un premier temps\u00a0modifier le fichier\u00a0blocksocial.php<\/p>\n

1) Pour cela allez dans modules > blocksocial> blocksocial.php. Tout \u00e0\u00a0la fin du code, juste avant la derni\u00e8re accolade collez le code suivant puis enregistrez.<\/p>\n

public function hookdisplayNav($params){\r\nreturn $this->hookDisplayFooter();\r\n}<\/pre>\n
2) Dans le back office de prestashop, allez dans\u00a0Modules > Position > Greffer un module (en haut \u00e0 droite). Greffer le module \u00ab\u00a0bloc social\u00a0\u00bb\u00a0sur displayNav. N’oubliez pas d’enregistrer<\/p>\n
\"Greffer<\/a><\/p>\n
————————————–<\/p>\n
Si vous retournez sur le front office de votre boutique vous avez cela :<\/p>\n
\"Greffer<\/a><\/p>\n
Bon je vous l’accorde c’est pas top. On va donc mettre un peu de css.<\/p>\n
3) Pour cela, allez dans votre th\u00e8me > css > global.css. Dans ce fichier ins\u00e9rez le code suivant<\/p>\n
nav #social_block {\r\n\tfloat: right;\r\n\twidth: auto;\r\n\tpadding: 6px 15px 0 15px;\r\n}\r\n\r\nnav #social_block ul {\r\n\tfloat: right;\r\n}\r\n\r\nnav #social_block ul li {\r\n\tfloat: left;\r\n\twidth: 35px;\r\n\ttext-align: center;\r\n}\r\n\r\nnav #social_block ul li a {\r\n\t color: #908f8f;\r\n    display: inline-block;\r\n    font-size: 20px;\r\n\tcolor:#fff\r\n}\r\n\r\nnav #social_block ul li a span {\r\n\tdisplay: none;\r\n}\r\nnav #social_block ul li a:before {\r\n\tdisplay: inline-block;\r\n\tfont-family: \"FontAwesome\";\r\n\tvertical-align: -5px;\r\n}\r\nnav #social_block ul li a:hover {\r\n\tcolor: white;\r\n}\r\nnav #social_block ul li.facebook a:before {\r\n\tcontent: \"\\f09a\";\r\n}\r\nnav #social_block ul li.twitter a:before {\r\n\tcontent: \"\\f099\";\r\n}\r\nnav #social_block ul li.rss a:before {\r\n\tcontent: \"\\f09e\";\r\n}\r\nnav #social_block ul li.youtube a:before {\r\n\tcontent: \"\\f167\";\r\n}\r\nnav #social_block ul li.google-plus a:before {\r\n\tcontent: \"\\f0d5\";\r\n}\r\nnav #social_block ul li.pinterest a:before {\r\n\tcontent: \"\\f0d2\";\r\n}\r\nnav #social_block h4 {\r\n\tdisplay:none\r\n}\r\n<\/pre>\n
Voila le r\u00e9sultat :<\/strong><\/p>\n
\"Capture<\/a><\/p>\n
Articles similaires<\/h2><\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   Gratuit : template facture et bon de livraison |  Astuce Prestashop 1.6  
views 24121<\/div><\/a>\n\t\t\t\t\t\t\t\tOn ne va pas se le cacher, la mise en page des pdf des factures\u00a0et bons de livraison, n'est vraiment pas top.\r\n\r\nJe vous propose donc une nouvelle mise en page dont vous pourrez t\u00e9l\u00e9charger les fichiers gratuitement.\r\n\r\nCette astuce Prestashop est valable pour la version 1.6 et 1.5\r\n\r\n\r\n\r\n\r\n\r\nNote : il existe un bug dans la version 1.6.1.5. Si vous avez une page blanche lorsque vous d\u00e9sirez t\u00e9l\u00e9ch...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   Afficher les disponibilit\u00e9s sur la liste de produits |  Astuce Prestashop 1.6  
views 3707<\/div><\/a>\n\t\t\t\t\t\t\t\tCe tutorial va vous permettre d'afficher les disponibilit\u00e9s (en stock....)\u00a0sur la liste des produits du bloc Populaire , Nouveaux Produits, Meilleures Ventes ....,\r\n\r\nCette astuce Prestashop est valable pour la version 1.6\r\n\r\n-------------------------------\r\n\r\n1)\u00a0Modification du fichier\u00a0product-list.tpl.\r\n\r\nOuvrez le fichier product-list qui se situe \u00e0 l'int\u00e9rieur de votre th\u00e8me est ins\u00e9r\u00e9\u00a0le code...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   Ajouter le drapeau du pays dans le bloc langues |  Astuce Prestashop 1.6  
views 3978<\/div><\/a>\n\t\t\t\t\t\t\t\tVous d\u00e9sirez ins\u00e9rer le drapeau du pays des langues que vous avez choisies pour votre site e-commerce. L'astuce est simple et rapide.\r\n\r\nValable pour Prestashop 1.6.\r\n\r\n-------------------\r\n\r\n\r\n\r\n1) Ouvrez le fichier\u00a0blocklanguages.tpl qui se situe dans themes > lenomdevotretheme > modules >\u00a0blocklanguages > blocklanguages.tpl.\r\n\r\nIl va falloir ins\u00e9rer ce code \u00e0 deux endroits. \u00a0Par d\u00e9f...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   O\u00f9 Changer le nom de sa boutique | Astuce Prestashop 1.6  
views 3852<\/div><\/a>\n\t\t\t\t\t\t\t\tSi vous d\u00e9sirez modifier le nom de votre boutique sur le cms Prestashop, suivez ce petit tuto\r\n\r\nComment modifier le nom de sa boutique depuis le back-office de Prestashop ?\r\n\r\n \tConnectez-vous au back-office de Prestashop\r\n \tAllez dans Pr\u00e9f\u00e9rences > Coordonn\u00e9es et Magasins\r\n\r\n\r\n\r\n3. Il faut scroller un peu jusqu'\u00e0 \"Coordonn\u00e9es\"\r\n\r\n\r\n\r\nCette partie propose plusieurs r\u00e9glages :\r\n- Nom de la bout...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   6 erreurs de d\u00e9veloppement \u00e0 \u00e9viter en e-commerce.  
views 209<\/div><\/a>\n\t\t\t\t\t\t\t\tL'agence web\u00a0Kiwik\u00a0\u00a0r\u00e9alise sa troisi\u00e8me infographie sur 6 erreurs de d\u00e9veloppement \u00e0 \u00e9viter en e-commerce.\r\nVoici les points abord\u00e9s :\r\n1) Avoir un site trop lent\r\n2) Avoir un site non pr\u00e9par\u00e9 \u00e0 prendre de la charge\r\n3) Ne pas choisir la bonne plateforme\r\n4) Avoir un site qui n'a pas \u00e9t\u00e9 test\u00e9 en profondeur\r\n5) Avoir un site non adopt\u00e9 aux usages mobiles\r\n6) Avoir un site non adapt\u00e9 aux usages de...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n<\/div>  ","protected":false},"excerpt":{"rendered":"
Ce tutoriel va vous permettre de greffer le module \u00ab\u00a0bloc social\u00a0\u00bb dans displayNav Cette astuce Prestashop est valable pour la version 1.6 ——————————————————– On va dans un premier temps\u00a0modifier le fichier\u00a0blocksocial.php 1) Pour cela allez dans modules > blocksocial> blocksocial.php. Tout \u00e0\u00a0la fin du code, juste avant la derni\u00e8re accolade […]<\/p>\n","protected":false},"author":1,"featured_media":786,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,11],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/782"}],"collection":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/comments?post=782"}],"version-history":[{"count":0,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/782\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media\/786"}],"wp:attachment":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media?parent=782"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/categories?post=782"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/tags?post=782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}