{"id":3576,"date":"2019-08-03T12:24:18","date_gmt":"2019-08-03T12:24:18","guid":{"rendered":"https:\/\/www.majory-cubizolles.fr\/blog\/?p=3576"},"modified":"2019-08-05T09:55:54","modified_gmt":"2019-08-05T09:55:54","slug":"quelques-variables-qui-peuvent-vous-aider-pour-vos-mise-en-page-prestashop-1-7-1-6","status":"publish","type":"post","link":"https:\/\/www.majory-cubizolles.fr\/blog\/quelques-variables-qui-peuvent-vous-aider-pour-vos-mise-en-page-prestashop-1-7-1-6\/","title":{"rendered":"Quelques variables qui peuvent vous aider pour votre mise en page &#8211;  Prestashop 1.7  &#038; 1.6"},"content":{"rendered":"<p>Dans le tuto du jour, je vais \u00e9num\u00e9rer quelques variables de PrestaShop 1.6 PrestaShop 1.7 qui peuvent vous aider pour personnaliser votre site.<\/p>\n<p>N&rsquo;h\u00e9sitez pas \u00e0 les partager via les commentaires<br \/>\n&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<\/p>\n<h3><span style=\"color: #ff0000; text-transform: uppercase;\"><strong>Ins\u00e9rez un lien vers une page CMS dans un fichier TPL<\/strong><\/span><\/h3>\n<p><span style=\"color: #800080;\"><strong>Prestashop 1.6 : <\/strong>{$link-&gt;getCmsLink()}<\/span><\/p>\n<p><strong>Exemple : <\/strong>l&rsquo;id de la page cms est 3<strong><br \/>\n<\/strong><\/p>\n<pre class=\"lang:default decode:true\"> &lt;p&gt;&lt;a href=\"{$link-&gt;getCMSLink('3', 'CMSpage')|escape:'html'}\"&gt;{l s='CGV'}&lt;\/a&gt;<\/pre>\n<p><span style=\"color: #000000;\"><strong><span style=\"color: #800080;\">Prestashop 1.7 :\u00a0<\/span><\/strong><span style=\"color: #800080;\">{url entity=&rsquo;cms&rsquo; id=$id_cms}<\/span><\/span><\/p>\n<p><strong>Exemple : <\/strong>l&rsquo;id de la page cms est 3<\/p>\n<pre class=\"lang:default decode:true\">&lt;p&gt;&lt;a href=\"{url entity='cms' id=3}\"&gt; {l s='CGV' d='Shop.Theme.Global'}&lt;\/a&gt;&lt;\/p&gt;<\/pre>\n<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<!--more--><\/p>\n<h3><span style=\"color: #ff0000; text-transform: uppercase;\"><strong>Ins\u00e9rez un lien vers une page\u00a0 dans un fichier TPL<\/strong><\/span><\/h3>\n<p><strong>Prestashop 1.6 :\u00a0<\/strong>{$link-&gt;getPageLink()}<\/p>\n<p><strong>Exemple : <\/strong>lien vers l&rsquo;historique de commande<strong><br \/>\n<\/strong><\/p>\n<pre class=\"lang:default decode:true\">&lt;P&gt;&lt;a href=\"{$link-&gt;getPageLink('history', true)|escape:'html':'UTF-8'}\"&gt;{l s='Mes commandes'}&lt;\/a&gt;&lt;\/p&gt;&gt;<\/pre>\n<p><strong><span style=\"color: #800080;\">Prestashop 1.7<\/span> :\u00a0<\/strong>{$urls.pages.myPageName}<\/p>\n<p><strong>Exemple : <\/strong>lien vers l&rsquo;historique de commande<\/p>\n<pre class=\"lang:default decode:true\">&lt;p&gt;&lt;a href=\"{$urls.pages.history}\"&gt;{l s='Mes commandes' d='Shop.Theme.Global'}&lt;\/a&gt;&lt;\/p&gt;<\/pre>\n<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<\/p>\n<h3><span style=\"color: #ff0000; text-transform: uppercase;\"><strong>Ins\u00e9rez un lien vers une page CAT\u00c9GORIE dans un fichier TPL<\/strong><\/span><\/h3>\n<p><strong><span style=\"color: #800080;\">Prestashop 1.6<\/span> :\u00a0{$link-&gt;getCategoryLink()}<\/strong><\/p>\n<p><strong>Exemple : <\/strong>\u00a0l&rsquo;id de la categorie\u00a0 3<strong><br \/>\n<\/strong><\/p>\n<pre class=\"lang:default decode:true\">&lt;p&gt;&lt;a href=\"{$link-&gt;getCategoryLink(3)|escape:'html':'UTF-8'}\"&gt;{l s='Cat\u00e9gorie 3'}&lt;\/a&gt;&lt;\/p&gt;&gt;<\/pre>\n<p><strong><span style=\"color: #800080;\">Prestashop 1.7<\/span> :\u00a0{url entity=&rsquo;category&rsquo; id=$id_category }<\/strong><\/p>\n<p><strong>Exemple :\u00a0<\/strong>\u00a0l&rsquo;id de la categorie\u00a0 3<\/p>\n<pre class=\"lang:default decode:true\">&lt;p&gt;&lt;a href=\"{url entity='category' id=3}\"&gt;{l s='Cat\u00e9gorie 3' d='Shop.Theme.Global'}&lt;\/a&gt;&lt;\/p&gt;<\/pre>\n<h3>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<\/h3>\n<h3><span style=\"color: #ff0000;\"><strong>Ins\u00e9rez un lien vers une IMG dans un fichier TPL<\/strong><\/span><\/h3>\n<p><strong><span style=\"color: #800080;\">Prestashop 1.6 :<\/span> {$img_dir}<br \/>\n<\/strong><\/p>\n<p><strong>Exemple :\u00a0 <\/strong>le dossier img se situe \u00e0 l&rsquo;int\u00e9rieur de votre theme <strong><br \/>\n<\/strong><\/p>\n<pre class=\"lang:default decode:true\">&lt;img src=\"{$img_dir}\/bag.png\" alt=\"{l s='Cart'}\" \/&gt;<\/pre>\n<p><strong>Prestashop 1.7 :\u00a0{url entity=&rsquo;category&rsquo; id=$id_category }<\/strong><\/p>\n<p><strong>Exemple :\u00a0<\/strong> le dossier img se situe \u00e0 l&rsquo;interieur de votre th\u00e8me dans le dossier asset, si celui-ci n&rsquo;existe pas vous pouvez cr\u00e9er le dossier img<\/p>\n<pre class=\"lang:default decode:true\">&lt;img src=\"{$urls.img_url}cart.jpg\" alt=\"{l s='Product successfully added to your shopping cart' d='Shop.Theme.Global'}\" \/&gt;<\/pre>\n<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<\/p>\n<h2><strong><span style=\"color: #ff0000; text-transform: uppercase;\">Faire apparaitre un contenu seulement sur :<\/span><\/strong><\/h2>\n<p><strong><span style=\"color: #008000;\">Une de vos pages cms :\u00a0<\/span><\/strong><span style=\"color: #000000;\">si vous d\u00e9sirez que votre contenu apparaisse sur le cms avec l&rsquo;id 3<\/span><\/p>\n<p><strong><span style=\"color: #800080;\">Prestashop 1.6<\/span> :\u00a0 <\/strong><strong><br \/>\n<\/strong><\/p>\n<pre class=\"lang:default decode:true\">{if ($cms-&gt;id == 3)} votre contenu ici {\/if}<\/pre>\n<p><span style=\"color: #800080;\"><strong>Prestashop 1.7 :\u00a0\u00a0<\/strong><\/span><\/p>\n<p>si vous \u00eates sur page.tpl<\/p>\n<pre class=\"lang:default decode:true\">{if ($cms.id == 3)} votre contenu ici {\/if}\r\n<\/pre>\n<p>si vous \u00eates sur un autre fichier que cms.tpl exemple header.tpl<\/p>\n<pre class=\"lang:default decode:true\">{if $page.page_name == 'cms'} \r\n\t{if ($cms.id == 3)} votre contenu ici {\/if}\r\n{\/if}<\/pre>\n<p><a href=\"https:\/\/www.majory-cubizolles.fr\/blog\/quelques-variables-qui-peuvent-vous-aider-pour-vos-mise-en-page-prestashop-1-7-1-6\/prestashop1_7_variable\/\" rel=\"attachment wp-att-3597\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-3597\" src=\"https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/prestashop1_7_variable.png\" alt=\"\" width=\"621\" height=\"322\" srcset=\"https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/prestashop1_7_variable.png 621w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/prestashop1_7_variable-300x156.png 300w\" sizes=\"(max-width: 621px) 100vw, 621px\" \/><\/a><\/p>\n<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<\/p>\n<p><strong><span style=\"color: #008000;\">Une de vos pages cat\u00e9gories<\/span> <\/strong><\/p>\n<p><strong><span style=\"color: #800000;\"><br \/>\nExemple 1)\u00a0si vous d\u00e9sirez que votre contenu apparaisse sur la cat\u00e9gorie avec l&rsquo;id 4<\/span> <\/strong><\/p>\n<p><strong><span style=\"color: #800080;\">Prestashop 1.6<\/span> : <\/strong><strong><br \/>\n<\/strong><\/p>\n<pre class=\"lang:default decode:true\">{if ($category-&gt;id == 4)} votre contenu ici {\/if}<\/pre>\n<p><span style=\"color: #800080;\"><strong>Prestashop 1.7 : <\/strong><\/span><\/p>\n<p>si vous \u00eates sur category.tpl<\/p>\n<pre class=\"lang:default decode:true\">{if $category.id==4} votre contenu ici {\/if} \r\n<\/pre>\n<p>si vous \u00eates sur un autre fichier que category.tpl exemple header.tpl<\/p>\n<pre class=\"lang:default decode:true\">{if $page.page_name == 'category'} \r\n\t{if $category.id==4}votre contenu ici{\/if} \r\n{\/if}<\/pre>\n<p><a href=\"https:\/\/www.majory-cubizolles.fr\/blog\/quelques-variables-qui-peuvent-vous-aider-pour-vos-mise-en-page-prestashop-1-7-1-6\/prestashop1_7_variable_\/\" rel=\"attachment wp-att-3598\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-3598\" src=\"https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/prestashop1_7_variable_.png\" alt=\"\" width=\"1418\" height=\"709\" srcset=\"https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/prestashop1_7_variable_.png 1418w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/prestashop1_7_variable_-300x150.png 300w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/prestashop1_7_variable_-1024x512.png 1024w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/prestashop1_7_variable_-624x312.png 624w\" sizes=\"(max-width: 1418px) 100vw, 1418px\" \/><\/a><\/p>\n<p><span style=\"color: #000000;\"><strong><br \/>\n<span style=\"color: #800000;\">Exemple 2) afficher un texte seulement sur les cat\u00e9gories de niveau 2<\/span><\/strong><\/span><\/p>\n<p><span style=\"color: #800080;\"><strong>Prestashop 1.6 : <\/strong><\/span><strong><br \/>\n<\/strong><\/p>\n<pre class=\"lang:default decode:true\">{if $category-&gt;level_depth == 2}\r\n{l s='mon texte affich\u00e9 sur une cat\u00e9gorie de niveau 2'}\r\n{\/if}<\/pre>\n<p><strong><span style=\"color: #800080;\">Prestashop 1.7 :<\/span> <\/strong><\/p>\n<p>si vous \u00eates sur category.tpl<\/p>\n<pre class=\"lang:default decode:true\" data-url=\" \">{if $category.level_depth == 2}\r\n   {l s='mon texte affich\u00e9 sur une cat\u00e9gorie de niveau 2'}\r\n{\/if}<\/pre>\n<p>si vous \u00eates sur un autre fichier que category.tpl exemple header.tpl<\/p>\n<pre class=\"lang:default decode:true\">{if $page.page_name == 'category'} \r\n\t{if $category.level_depth == 2}\r\n\t\t{l s='mon texte affich\u00e9 sur une cat\u00e9gorie de niveau 2'}\r\n\t{\/if}\r\n{\/if}<\/pre>\n<p><a href=\"https:\/\/www.majory-cubizolles.fr\/blog\/quelques-variables-qui-peuvent-vous-aider-pour-vos-mise-en-page-prestashop-1-7-1-6\/prestashop1_7_variable-2\/\" rel=\"attachment wp-att-3599\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-3599\" src=\"https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/prestashop1_7_variable-2.png\" alt=\"\" width=\"1418\" height=\"709\" srcset=\"https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/prestashop1_7_variable-2.png 1418w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/prestashop1_7_variable-2-300x150.png 300w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/prestashop1_7_variable-2-1024x512.png 1024w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/prestashop1_7_variable-2-624x312.png 624w\" sizes=\"(max-width: 1418px) 100vw, 1418px\" \/><\/a><\/p>\n<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<\/p>\n<p><span style=\"color: #008000;\"><strong>Une de vos pages produits en fonction de l&rsquo;id produit<br \/>\n<\/strong><\/span><\/p>\n<div class=\"code-embed-wrapper\"><\/div>\n<p><span style=\"color: #800080;\"><strong>Prestashop 1.6 : <\/strong><\/span>si vous d\u00e9sirez que votre contenu apparaisse sur le produit avec l&rsquo;id 3<strong><br \/>\n<\/strong><\/p>\n<pre class=\"lang:default decode:true\">{if ($product-&gt;id == 3)} votre contenu ici {\/if}<\/pre>\n<p><strong><span style=\"color: #800080;\">Prestashop 1.7<\/span> : <\/strong>si vous d\u00e9sirez que votre contenu apparaisse sur le produit avec l&rsquo;id 3<\/p>\n<p>si vous \u00eates sur product.tpl<\/p>\n<pre class=\"lang:default decode:true\">{if $product.id==3}votre contenu ici{\/if} \r\n<\/pre>\n<p>si vous \u00eates sur un autre fichier que category.tpl exemple header.tpl<\/p>\n<pre class=\"lang:default decode:true\">{if $page.page_name == 'product'} \r\n\t{if $product.id==3}votre contenu ici{\/if} \r\n{\/if}<\/pre>\n<p><a href=\"https:\/\/www.majory-cubizolles.fr\/blog\/quelques-variables-qui-peuvent-vous-aider-pour-vos-mise-en-page-prestashop-1-7-1-6\/prestashop1_7_variable-3\/\" rel=\"attachment wp-att-3600\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-3600\" src=\"https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/prestashop1_7_variable-3.png\" alt=\"\" width=\"1418\" height=\"709\" srcset=\"https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/prestashop1_7_variable-3.png 1418w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/prestashop1_7_variable-3-300x150.png 300w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/prestashop1_7_variable-3-1024x512.png 1024w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/prestashop1_7_variable-3-624x312.png 624w\" sizes=\"(max-width: 1418px) 100vw, 1418px\" \/><\/a><\/p>\n<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<\/p>\n<p><strong><span style=\"color: #008000;\">Une de vos pages produits en fonction de sa cat\u00e9gorie par d\u00e9faut ou de sa cat\u00e9gorie parente<br \/>\n<\/span><br \/>\n<\/strong><\/p>\n<p><span style=\"color: #800000;\"><strong>Exemple 1) Si la cat\u00e9gorie par d\u00e9faut \u00e0 l&rsquo;id 4. Par exemple sur le th\u00e8me par d\u00e9faut de Prestashop 1.7 l&rsquo;id 4 correspond \u00e0 l&rsquo;onglet homme <\/strong><\/span><\/p>\n<p><span style=\"color: #800080;\"><strong>Prestashop 1.6 : <\/strong>on est dans le fichier product.tpl<\/span> <strong><br \/>\n<\/strong><\/p>\n<pre class=\"lang:default decode:true\">{if $category-&gt;id == 4 } votre contenu ici {\/if}<\/pre>\n<p><span style=\"color: #800080;\"><strong>Prestashop 1.7 :\u00a0<\/strong>on est dans le fichier product.tpl<\/span><\/p>\n<pre class=\"lang:default decode:true\">{if $product.id_category_default == 4} votre contenu ici {\/if}<\/pre>\n<h2><a href=\"https:\/\/www.majory-cubizolles.fr\/blog\/quelques-variables-qui-peuvent-vous-aider-pour-vos-mise-en-page-prestashop-1-7-1-6\/prestashop1_7_variable-4\/\" rel=\"attachment wp-att-3610\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-3610\" src=\"https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/prestashop1_7_variable-4.png\" alt=\"\" width=\"1420\" height=\"709\" srcset=\"https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/prestashop1_7_variable-4.png 1420w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/prestashop1_7_variable-4-300x150.png 300w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/prestashop1_7_variable-4-1024x511.png 1024w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/prestashop1_7_variable-4-624x312.png 624w\" sizes=\"(max-width: 1420px) 100vw, 1420px\" \/><\/a><\/h2>\n<p><span style=\"color: #800000;\"><strong>Exemple 2) Si la cat\u00e9gorie parent \u00e0 l&rsquo;id 3. Par exemple sur le th\u00e8me par d\u00e9faut de Prestashop 1.7 l&rsquo;id 3 correspond \u00e0 l&rsquo;onglet v\u00eatement <\/strong><\/span><\/p>\n<p><span style=\"color: #800080;\"><strong>Prestashop 1.6 :<\/strong> on est dans le fichier product.tpl <\/span><strong><br \/>\n<\/strong><\/p>\n<pre class=\"lang:default decode:true\">{if $category-&gt;id_parent == 3 } votre contenu ici {\/if}<\/pre>\n<p><span style=\"color: #800080;\"><strong>Prestashop 1.7 :\u00a0<\/strong>on est dans le fichier product.tpl\u00a0<\/span><\/p>\n<pre class=\"lang:default decode:true\">  {if $id_category_current == 3 or $id_category_parent == 3} votre contenu ici {\/if}<\/pre>\n<p><strong>\u00a0A noter :<\/strong> il faut mettre les deux variables car cela va d\u00e9pendre si le client arrive sur la fiche produit\u00a0 en cliquant sur la cat\u00e9gorie parent ou la cat\u00e9gorie par d\u00e9faut<\/p>\n<p><a href=\"https:\/\/www.majory-cubizolles.fr\/blog\/quelques-variables-qui-peuvent-vous-aider-pour-vos-mise-en-page-prestashop-1-7-1-6\/prestashop1_7_variable-4\/\" rel=\"attachment wp-att-3610\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-3610\" src=\"https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/prestashop1_7_variable-4.png\" alt=\"\" width=\"1420\" height=\"709\" srcset=\"https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/prestashop1_7_variable-4.png 1420w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/prestashop1_7_variable-4-300x150.png 300w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/prestashop1_7_variable-4-1024x511.png 1024w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/prestashop1_7_variable-4-624x312.png 624w\" sizes=\"(max-width: 1420px) 100vw, 1420px\" \/><\/a><\/p>\n<p>&nbsp;<\/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 4766<\/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\/les-bases-de-la-typographie\/\" 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\/2015\/03\/header-300x187.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\/les-bases-de-la-typographie\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Les bases de la typographie \u2013 Indispensable pour les Webdesigners  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 390<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >La typographie joue un r\u00f4le majeur dans le design et la lisibilit\u00e9 d'un site web.\r\n\r\n\r\nM\u00eame si un webdesigner n'est pas un typographe, il me semble important d'avoir quelques notions.\r\n\r\nCette infographie met en avant et de mani\u00e8re compr\u00e9hensive, les bases \u00e0 avoir :\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-un-fichier-audio-sur-les-page-cms-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\/03\/ecommerce-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-un-fichier-audio-sur-les-page-cms-astuce-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Ajouter un fichier audio sur les page cms |  Astuce Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 1176<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Vous avez peut-\u00eatre essay\u00e9 d'ins\u00e9rer un fichier audio dans vos pages cms mais sans succ\u00e8s ?\r\n\r\nVoici un petit tuto rapide (3 \u00e9tapes) qui vous le permettra\r\n\r\n\r\n\u00c9tape 1\u00a0: \r\nOuvrir le fichier config.php dans admin\/filemanager\/config\/config.php\r\n\r\nRemplacer\u00a0le code suivant\r\n\r\nPar\r\n\r\n\u00c9tape 2 :\r\nAllez dans le dossier \u00a0admin\/filemanager. Ici on va s'occuper de deux fichiers : plugin.min.js et plugin.js\r...<\/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\/rollover-deuxieme-image-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-secon-image-hover-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\/rollover-deuxieme-image-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Comment faire apparaitre une deuxi\u00e8me photo de vos produits au survol des images  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 5060<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Voici un petit tutoriel qui va vous permettre de faire apparaitre la deuxi\u00e8me image de votre produit au passage de la souris.\r\n\r\nUPDATE : j'ai trouv\u00e9 ce module qui est gratuit : cliquez-ci\u00a0\r\n\r\nCette astuce Prestashop est valable pour la version 1.6\r\n\r\n1) Cr\u00e9ez un fichier nomm\u00e9 \u00ab Category.php\u00a0\u00bb dans le dossier \u00ab\u00a0override\/classes\u00a0\u00bb et ajoutez-le code suivant:\r\n\r\n\r\n\r\n1) Cr\u00e9ez un fichier nomm\u00e9 \u00ab Produ...<\/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\/desactiver-le-bouton-comparer-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-comparaison-produit-prestashop1-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\/desactiver-le-bouton-comparer-astuce-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> D\u00e9sactiver le bouton Comparer | Astuce Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 2438<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >On me demande tr\u00e8s souvent comment on d\u00e9sactive\u00a0la partie \u00ab\u00a0comparer\u00a0\u00bb dans le back office de Prestashop.\r\n\r\n\r\n\r\nC'est tr\u00e8s simple :\r\n\r\n\tAllez dans le back office de Prestashop puis dans Pr\u00e9f\u00e9rences > Produits, puis mettre 0 \u00e0 comparaison de produits\r\n\r\n\r\n\r\nEt voila le tour est jou\u00e9.<\/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>Dans le tuto du jour, je vais \u00e9num\u00e9rer quelques variables de PrestaShop 1.6 PrestaShop 1.7 qui peuvent vous aider pour personnaliser votre site. N&rsquo;h\u00e9sitez pas \u00e0 les partager via les commentaires &#8212;&#8212;&#8212;&#8212;&#8212;&#8212; Ins\u00e9rez un lien vers une page CMS dans un fichier TPL Prestashop 1.6 : {$link-&gt;getCmsLink()} Exemple : l&rsquo;id [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3628,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,11,12],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/3576"}],"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=3576"}],"version-history":[{"count":0,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/3576\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media\/3628"}],"wp:attachment":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media?parent=3576"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/categories?post=3576"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/tags?post=3576"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}