{"id":1212,"date":"2015-10-19T18:45:08","date_gmt":"2015-10-19T18:45:08","guid":{"rendered":"http:\/\/www.majory-cubizolles.fr\/blog\/?p=1212"},"modified":"2017-01-23T18:27:30","modified_gmt":"2017-01-23T18:27:30","slug":"position-inverser-le-hook-displayhome-et-displayhometab-astuce-prestashop","status":"publish","type":"post","link":"https:\/\/www.majory-cubizolles.fr\/blog\/position-inverser-le-hook-displayhome-et-displayhometab-astuce-prestashop\/","title":{"rendered":"POSITION : inverser le hook displayHome et DisplayHomeTab |  Astuce Prestashop 1.6"},"content":{"rendered":"<p>Ce tuto va vous permettre d&rsquo;inverser le hook\u00a0displayHome et hookDisplayHomeTab, situ\u00e9 sur la page d&rsquo;accueil de Prestashop<\/p>\n<p>A la base voici comment\u00a0sont positionn\u00e9s les deux hooks \u00a0:<\/p>\n<p><a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/10\/prestashop-hook.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1213\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/10\/prestashop-hook.png\" alt=\"prestashop-hook\" width=\"800\" height=\"1028\" \/><\/a><\/p>\n<p><!--more--><\/p>\n<h3><span style=\"color: #800000;\">Comment\u00a0inverser ses deux hooks ?\u00a0<\/span><\/h3>\n<p>1. Ouvrez le fichier index.tpl qui se situe dans themes &gt; lenomdevotretheme &gt; index.tpl<\/p>\n<p>2. Mettre le code suivant :<\/p>\n<pre class=\"lang:default decode:true\">\u00a0{if isset($HOOK_HOME) &amp;&amp; $HOOK_HOME|trim}\r\n&lt;div class=\"clearfix\"&gt;{$HOOK_HOME}&lt;\/div&gt;\r\n{\/if}\r\n<\/pre>\n<p>Avant<\/p>\n<pre class=\"lang:default decode:true\">{if isset($HOOK_HOME_TAB_CONTENT) &amp;&amp; $HOOK_HOME_TAB_CONTENT|trim}\r\n    {if isset($HOOK_HOME_TAB) &amp;&amp; $HOOK_HOME_TAB|trim}\r\n        &lt;ul id=\"home-page-tabs\" class=\"nav nav-tabs clearfix\"&gt;\r\n\t\t\t{$HOOK_HOME_TAB}\r\n\t\t&lt;\/ul&gt;\r\n\t{\/if}\r\n\t&lt;div class=\"tab-content\"&gt;{$HOOK_HOME_TAB_CONTENT}&lt;\/div&gt;\r\n{\/if}<\/pre>\n<p>3. Voici le code dans sa totalit\u00e9<\/p>\n<pre class=\"lang:default decode:true\">{if isset($HOOK_HOME) &amp;&amp; $HOOK_HOME|trim}\r\n\t&lt;div class=\"clearfix\"&gt;{$HOOK_HOME}&lt;\/div&gt;\r\n{\/if}\r\n{if isset($HOOK_HOME_TAB_CONTENT) &amp;&amp; $HOOK_HOME_TAB_CONTENT|trim}\r\n    {if isset($HOOK_HOME_TAB) &amp;&amp; $HOOK_HOME_TAB|trim}\r\n        &lt;ul id=\"home-page-tabs\" class=\"nav nav-tabs clearfix\"&gt;\r\n\t\t\t{$HOOK_HOME_TAB}\r\n\t\t&lt;\/ul&gt;\r\n\t{\/if}\r\n\t&lt;div class=\"tab-content\"&gt;{$HOOK_HOME_TAB_CONTENT}&lt;\/div&gt;\r\n{\/if}<\/pre>\n<p>Si vous retournez sur\u00a0votre boutique, vous verrez que les deux hooks\u00a0se sont invers\u00e9s.<\/p>\n<p><strong>Attention : si ce n&rsquo;est pas le cas, videz le cache\u00a0de Prestashop (back-office &gt; Param\u00e8tres Avanc\u00e9s &gt; Performances<\/strong><\/p>\n<p>&nbsp;<\/p>\n<!-- Begin Yuzo --><div class='yuzo_related_post style-2'  data-version='5.12.88'><!-- without result --><div class='yuzo_clearfixed yuzo__title yuzo__title'><h2>Articles similaires<\/h2><\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/7-ingredients-pour-une-landing-page-reussie-e-commerce\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-lendingpage-400x249.png') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/7-ingredients-pour-une-landing-page-reussie-e-commerce\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> 7 ingr\u00e9dients pour une landing page r\u00e9ussie | E-commerce  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 376<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Cette infographie, r\u00e9alis\u00e9 par\u00a0Raffles Media, met en avant 7 astuces qui va vous aider \u00e0 optimiser votre trafic\r\nQu'est une landing page ?\u00a0\r\nAussi connu sous le terme de \"page d'atterrissage\", il s'agit tout simplement de la page qui va accueillir le visiteur lors de sa visite sur votre site web.\r\nComment l'optimiser au mieux ?\u00a0\r\nD\u00e9sol\u00e9e de vous le dire mais aucune landing page est parfaite. Il ex...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/inserer-une-page-cms-sur-votre-formulaire-de-contact-prestashop\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/12\/Inserer-une-page-CMS-sur-votre-formulaire-de-contact-400x249.png') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/inserer-une-page-cms-sur-votre-formulaire-de-contact-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Ins\u00e9rer une page CMS sur votre formulaire de contact | PrestaShop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 2977<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Vous d\u00e9sirez ins\u00e9rer une page cms \u00e0 l'int\u00e9rieur de votre formulaire de contact de votre boutique PrestaShop\r\n\r\nRien de plus simple avec ce petit tuto !\r\n\r\n\r\nEtape 1 : Override du fichier : ContactController.php\r\n\r\n\r\nCr\u00e9er un fichier qui se nommera ContactController.php et placez le dans\u00a0 override\/controllers\/front\/ puis ins\u00e9rez le code suivant :\r\n\r\n\r\n\r\nPlus de pr\u00e9cisions\r\n\r\n\r\nCode 1: $cms=New CMS(...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/comment-bien-ecrire-un-tweet-infographie\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-comment-publier-sur-twitter1-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/comment-bien-ecrire-un-tweet-infographie\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Comment bien \u00e9crire un tweet | Infographie  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 224<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Cette infographie vous montre comment am\u00e9liorer vos tweets pour augmenter votre visibilit\u00e9 sur la toile.\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<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/ajouter-le-drapeau-du-pays-dans-le-bloc-langues-astuce-prestashop\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-bloclanguages-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/ajouter-le-drapeau-du-pays-dans-le-bloc-langues-astuce-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Ajouter le drapeau du pays dans le bloc langues |  Astuce Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 3953<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Vous 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<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/regle-panier-3-produits-achetes-2eme-gratuit-astuce-prestashop\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-regles-paniers-promotions-prestashop-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/regle-panier-3-produits-achetes-2eme-gratuit-astuce-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> 3 produits achet\u00e9s le 2\u00e8me gratuit | Astuce Prestashop  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 5804<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Vous d\u00e9sirez mettre en place une campagne de promotion : x produits achet\u00e9s, 1 offert.\r\n\r\nIl est tr\u00e8s facile de configurer ce cas de figure dans Prestashop\r\n\r\nComment mettre en place cette promotion dans le back-office de Prestashop \u00a0?\u00a0\r\nA) Connectez-vous au\u00a0back-office de Prestashop\r\n\r\nB) Allez dans l'onglet Promotions > R\u00e8gles Paniers\r\n\r\n\r\n\r\nC) Configurer les informations comme ci-dessous\r\n\r\n...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n<\/div>  <!-- End Yuzo :) -->","protected":false},"excerpt":{"rendered":"<p>Ce tuto va vous permettre d&rsquo;inverser le hook\u00a0displayHome et hookDisplayHomeTab, situ\u00e9 sur la page d&rsquo;accueil de Prestashop A la base voici comment\u00a0sont positionn\u00e9s les deux hooks \u00a0: Articles similaires Les fonctionnalit\u00e9s techniques de PrestaShop views 245 En constante \u00e9volution PrestaShop est aujourd&rsquo;hui une solution e-commerce d&rsquo;une grande richesse fonctionnelle, notamment [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"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\/1212"}],"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=1212"}],"version-history":[{"count":0,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/1212\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media?parent=1212"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/categories?post=1212"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/tags?post=1212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}