{"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   Supprimez le champs \u00ab\u00a0objet\u00a0\u00bb du formulaire de contact | Prestashop 1.6  
views 2016<\/div><\/a>\n\t\t\t\t\t\t\t\tIl est tr\u00e8s important d'avoir un formulaire de contact simple, efficace et ergonomique.\r\n\r\nPour un premier contact, le formulaire que propose Prestashop est tr\u00e8s bien. Le seul champs que je supprimerais est \u00a0le champs \"Objet\". Il vous facilite peut-\u00eatre la t\u00e2che mais il complique celle de votre client.\r\n\r\nSi le client oublie de faire sa s\u00e9lection\u00a0(par d\u00e9faut Service client ou\u00a0Webmaster), Prestasho...<\/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   L\u2019e-commerce en Europe et aux Etat-Unis en 2014  
views 147<\/div><\/a>\n\t\t\t\t\t\t\t\tComme l'ann\u00e9e derni\u00e8re,\u00a0RetailMeNot met en avant les r\u00e9sultats de l'e-commerce en Europe et au\u00a0aux Etats-Unis en 2014.\r\n1) Le E-shoppeurs en Europe\r\nComme en 2013, la France\u00a0compte 52% de e-shoppeurs et se positionne en 3\u00e8me position\u00a0derri\u00e8re la Su\u00e8de (70%) et la Grande-Bretagne (66%).\r\n\r\nLes Etats-Unis sont toujours en premi\u00e8re position avec 57% de e-shoppeurs (+2% par rapport \u00e0 2013) \u00a0contre 47%...<\/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   Comment am\u00e9liorer votre taux de transformation ?  
views 399<\/div><\/a>\n\t\t\t\t\t\t\t\tIl est \u00e0 noter que 7 clients sur 10 abonnent leur commande en cours de route pour diff\u00e9rentes raisons :\r\n- Des co\u00fbts suppl\u00e9mentaires au moment du paiement,\r\n- L\u2019obligation de cr\u00e9er un compte,\r\n- La difficult\u00e9 \u00e0 renseigner les coordonn\u00e9es sur un smartphone ou une tablette Un processus de commande trop long et\/ou trop complexe ,\r\n- Des messages bloquants non compris par l\u2019internaute ,\r\n- L\u2019inqui\u00e9tud...<\/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   Modifier l\u2019arri\u00e8re-plan de votre boutique Prestashop 1.7  
views 9712<\/div><\/a>\n\t\t\t\t\t\t\t\tDans ce tutorial, nous allons voir comment modifier les couleurs de fond de votre boutique en ligne Prestashop 1.7. Tout se passe \u00e0 l'int\u00e9rieur des codes.\r\n\r\n1) Haut de page\r\n 2) Contenu\r\n 3) Bas de page\r\n\r\n\r\n\r\n------------------------------------------------------------------\r\nA) Etape 1 : \r\nOuvrir le fichier themes.css dans \/themes\/classic\/assets\/css\/theme.css\r\n\r\n\r\nB) Etape 2 : \r\nDans certaines ...<\/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   E-commerce & diff\u00e9rences comportementales  
views 125<\/div><\/a>\n\t\t\t\t\t\t\t\tLa soci\u00e9t\u00e9 Content Square met en avant les diff\u00e9rences comportementales\u00a0sur les sites e-commerce : hommes vs femmes, gauchers vs droitiers, jeunes\u00a0vs ain\u00e9s....\r\n\r\nA - Homme vs Femme\r\n\r\nPar rapport aux hommes\r\n- les femmes interagissent plus et sont plus rapides,\r\n- elles cliquent 30% plus sur les sites,\r\n- elles affichent 12% de pages en plus,\r\n- elles ont un taux d\u2019activit\u00e9 (temps actif \/ temps d...<\/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}]}}