{"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   Ins\u00e9rer une page cms sur une page produit |  Astuce Prestashop 1.6  
views 3946<\/div><\/a>\n\t\t\t\t\t\t\t\tJe vais vous montrer comment ins\u00e9rer une page cms sur une page produit.\r\n\r\nAstuce Prestashop 1.6\r\n\r\n\r\n1) Si on d\u00e9sire que le contenu soit affich\u00e9 sur toutes les pages produits\u00a0\r\nPour cela on va ouvrir le fichier product.tpl qui se situe dans \/themes\/lenomdevotreth\u00e8me\/product.tpl\r\n\r\nIns\u00e9rer le code suivant \u00e0 l'endroit o\u00f9 vous d\u00e9sirez que le contenu de votre page cms apparaisse.\r\n\r\nIci le \"1\" corres...<\/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   Les raccourcis clavier des m\u00e9dias sociaux  |  Infographie  
views 120<\/div><\/a>\n\t\t\t\t\t\t\t\tSavez-vous que les r\u00e9seaux sociaux sont dot\u00e9s de\u00a0raccourcis clavier ?\r\n\r\nSetupablogtoday propose une infographie qui met en\u00a0les diff\u00e9rents raccourcis clavier pour Twitter, Facebook, YouTube, \u0003Tumblr et Google+., qui va vous permettre de gagner du temps dans votre recherche, publication ....\r\n\r\n\r\n\r\n<\/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 la police d\u2019\u00e9criture avec Google Fonts \u2013 PrestaShop 1.7  
views 7156<\/div><\/a>\n\t\t\t\t\t\t\t\tDans ce tuto nous allons voir comment modifier la police d'\u00e9criture avec Google Fonts pour votre site PrestaShop 1.7\r\n\r\nA noter: actuellement la police par d\u00e9faut est Noto Sans, sans-serif\r\nEtape 1) Choisir sa police d'\u00e9criture\u00a0 \r\nNous allons choisir notre\/nos police(s) d'\u00e9criture sur le site de Google Fonts \u00e0 cette adresse : https:\/\/fonts.google.com\/\r\n\r\nJe vais choisir deux polices d'\u00e9criture, 1 ...<\/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   Liste des variables smarty : Prestashop 1.7  
views 13442<\/div><\/a>\n\t\t\t\t\t\t\t\tJe vais \u00e9num\u00e9rer dans ce tutoriel, les variables utlis\u00e9es dans Prestashop 1.7,\r\n\r\nPour les d\u00e9couvrir, vous avez deux methodes. Pour les deux m\u00e9thodes, il faut ouvrir le fichier header.tpl qui se situe dans themes\/nomdevotretheme\/templates\/_partials\/header.tpl. En haut de page, vous ins\u00e9rez soit\r\n\r\n1) {debug}, lorsque vous allez allez sur votre site vous allez avoir une fen\u00eatre qui va s'ouvrir avec...<\/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   Comportements d\u2019achats du consommateur  
views 534<\/div><\/a>\n\t\t\t\t\t\t\t\t\r\nQuatre types de comportements d\u2019achats peuvent \u00eatre identifi\u00e9s :\r\n- \u201cFull Web\u201d : les consommateurs font leurs recherches sur Internet et ach\u00e8tent en ligne. (Ils repr\u00e9sentent 88% des consommateurs en 2013).\r\n\r\n\r\n\r\n- \u201cFull Store\u201d : les consommateurs recherchent et ach\u00e8tent seulement en magasin. (Ils repr\u00e9sentent 63% des consommateurs en 2013).\r\n\r\n- \u201cShowroomer\u201d : les consommateurs se renseignent e...<\/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}]}}