{"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\/desactiver-les-deux-zooms-de-la-page-produit-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-Sans-titre-1-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\/desactiver-les-deux-zooms-de-la-page-produit-astuce-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> D\u00e9sactiver les deux zooms de la page produit |  Astuce Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 4751<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Ce tuto simple et rapide va vous permettre de d\u00e9sactiver les deux\u00a0zooms de la page produit.\r\n\r\nCette astuce est valable Prestashop 1.6. Le code \u00e9tant pratiquement similaire, ce tuto peut aussi s'appliquer \u00e0 Prestashop 1.5\r\n\r\n----------------------\r\n\r\n\r\n\r\nSur la page produit, il existe deux types de zoom :\r\n\r\n1) Le zoom \"pop-up\"\r\n\r\n\r\n\r\n2) Le zoom \"Jqzoom\"\r\n\r\n\r\n\r\nSi vous ne d\u00e9sirez pas avoir de zoom...<\/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\/creer-fiche-produit-prestashop-1-7\/\" 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\/10\/creer-fiche-produit-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\/creer-fiche-produit-prestashop-1-7\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Comment cr\u00e9er une fiche Produit sur Prestashop 1.7  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 10639<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Dans ce tutoriel, nous allons voir comment cr\u00e9er une fiche produit dans Prestashop 1.7.\r\n\r\nComme vous pourrez le constater, cette page diff\u00e8re totalement de Prestashop 1.6. Elle a \u00e9t\u00e9 totalement repens\u00e9e afin de la rendre plus all\u00e9g\u00e9e et plus facile d\u2019utilisation.\r\n\r\nEtant encore en cours de d\u00e9veloppement, les traductions ne sont pas encore finies et il reste encore des soucis de mise en page.\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\/3-criteres-pour-faciliter-la-lecture-sur-le-web-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-Capture-d\u2019\u00e9cran-2015-09-30-\u00e0-20.16.14-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\/3-criteres-pour-faciliter-la-lecture-sur-le-web-infographie\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> 3 crit\u00e8res pour faciliter la lecture sur le web | Infographie  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 307<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Cette infographie, r\u00e9alis\u00e9e par alesia.com (agence marketing digital ) donne quelques conseils simples afin de permettre de faciliter la lecture sur un \u00e9cran.\r\n\r\nLes crit\u00e8res abord\u00e9s dans cette infographie :\r\n1.\u00a0Confort de lecture\r\n2. Pr\u00e9sentation de l\u2019info\r\n3. Choix esth\u00e9tiques\r\n\r\n\r\n\r\n  \r\n\r\n\u00a0<\/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\/structure-fichiers-nouveau-theme-classic-prestashop-1-7\/\" 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\/11\/structure_dossier-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\/structure-fichiers-nouveau-theme-classic-prestashop-1-7\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> La structure des fichiers du nouveau th\u00e8me Classic | Prestashop 1.7  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 15647<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >La version stable de Prestashop 1.7 est sortie ce lundi et comme vous pourrez le constater, la structure des fichiers dans le dossier th\u00e8me a totalement \u00e9t\u00e9 remani\u00e9e. Maintenant, on retrouve un seul fichier CSS et JS pour tout le site. Les TPL sont class\u00e9s dans diff\u00e9rents dossiers: commandes, clients, catalogues....\r\n\r\nVoici la nouvelle structure:\r\nA) assets\r\n| css\r\n------> theme.css\r\n\r\n| img\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\/contact-sav-adresse-boutique-prestashop-1-7\/\" 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\/2021\/10\/ecommerce-contat-prestashop-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\/contact-sav-adresse-boutique-prestashop-1-7\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Contact SAV \/ Adresse  boutique  \u2013 Prestashop 1.7  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 1247<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >La partie contact SAV et magasins dans Prestashop 1.7 et dans le m\u00eame onglet : Param\u00e8tres de la boutique > Contact \r\n\r\n1) Onglet Contacts\r\n\r\nCet onglet vous permet de param\u00e9trer les mails que vous d\u00e9sirez pour le SAV. Par d\u00e9faut, 2 contacts sont d\u00e9j\u00e0 ins\u00e9r\u00e9s : service client \/ webmaster. Vous pouvez en ajouter \/ supprimer\r\n\r\n\r\n\r\n\u00a0\r\n\r\n\r\n\r\n\u00a0\r\n\r\nVous pouvez voir apparaitre les contacts d...<\/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 Comment cr\u00e9er une fiche Produit sur Prestashop 1.7 views 10639 Dans ce tutoriel, nous allons voir comment cr\u00e9er une fiche produit [&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}]}}