{"id":161,"date":"2014-12-14T18:55:28","date_gmt":"2014-12-14T18:55:28","guid":{"rendered":"http:\/\/www.majory-cubizolles.fr\/blog\/?p=161"},"modified":"2017-01-23T18:30:37","modified_gmt":"2017-01-23T18:30:37","slug":"bouton-suivantprecedent-sur-la-page-produit","status":"publish","type":"post","link":"https:\/\/www.majory-cubizolles.fr\/blog\/bouton-suivantprecedent-sur-la-page-produit\/","title":{"rendered":"Bouton Suivant\/Pr\u00e9cedent sur la page produit |  Astuce Prestashop 1.6"},"content":{"rendered":"<p>Voici un petit tutoriel si vous d\u00e9sirez ajouter un bouton suivant\/pr\u00e9cedent sur la page produit<\/p>\n<p><strong><strong>Cette astuce Prestashop est valable pour la version <\/strong>1.5 et 1.6<\/strong><\/p>\n<p>&#8212;&#8212;&#8212;&#8212;&#8212;-<\/p>\n<p>1) Cr\u00e9ez un nouveau fichier qui se nommera Product.php dans override\/classes et ins\u00e9rez le code suivant :<\/p>\n<pre class=\"lang:default decode:true \">&lt;?php\r\nclass Product extends ProductCore\r\n{\r\n\tpublic function getAdjacentProducts()\r\n\t{\r\n\t\t\/\/get the current position in the product's default category\r\n\t\t$position  = Db::getInstance()-&gt;getValue('SELECT position FROM '._DB_PREFIX_.'category_product WHERE id_product = ' . (int)$this-&gt;id . ' AND id_category = ' . (int)$this-&gt;id_category_default);\r\n\r\n\t\t\/\/ var_dump($position);\r\n\t\t\/\/ get products that are before and after\r\n\t\t\r\n\t\t$previous = Db::getInstance(_PS_USE_SQL_SLAVE_)-&gt;getRow('\r\n\t\t\tSELECT cp.id_product, pl.link_rewrite, cp.position, pl.name\r\n\t\t\tFROM '._DB_PREFIX_.'category_product cp\r\n\t\t\tLEFT JOIN '._DB_PREFIX_.'product_lang pl ON (cp.id_product = pl.id_product)\r\n\t\t\tLEFT JOIN '._DB_PREFIX_.'product p ON (cp.id_product = p.id_product)\r\n\t\t\tWHERE p.id_category_default = '.(int)$this-&gt;id_category_default.' AND (cp.position &lt; '. (int)($position ) .' ) AND cp.id_category = ' . (int)$this-&gt;id_category_default .' AND pl.id_lang = '.(Context::getContext()-&gt;language-&gt;id).'\r\n\t\t\tORDER BY cp.position DESC');\r\n\r\n\t\t$next = Db::getInstance(_PS_USE_SQL_SLAVE_)-&gt;getRow('\r\n\t\t\tSELECT cp.id_product, pl.link_rewrite, cp.position, pl.name\r\n\t\t\tFROM '._DB_PREFIX_.'category_product cp\r\n\t\t\tLEFT JOIN '._DB_PREFIX_.'product_lang pl ON (cp.id_product = pl.id_product)\r\n\t\t\tLEFT JOIN '._DB_PREFIX_.'product p ON (cp.id_product = p.id_product)\r\n\t\t\tWHERE p.id_category_default = '.(int)$this-&gt;id_category_default.' AND (cp.position &gt; '. (int)($position ) .' ) AND cp.id_category = ' . (int)$this-&gt;id_category_default .' AND pl.id_lang = '.(Context::getContext()-&gt;language-&gt;id).'\r\n\t\t\tORDER BY cp.position ASC');\r\n\r\n\t\treturn array('previous' =&gt; $previous, 'next' =&gt; $next);\r\n\t}\r\n}<\/pre>\n<p><!--more--><\/p>\n<p>&#8212;&#8212;&#8212;&#8212;&#8212;-<\/p>\n<p>2) Cr\u00e9ez un nouveau fichier qui se nommera ProductController.php dans override\/controllers\/front et ins\u00e9rez le code suivant :<\/p>\n<pre class=\"lang:default decode:true \">&lt;?php\r\n\r\nClass ProductController extends ProductControllerCore\r\n{\r\n\r\n\tpublic function initContent()\r\n\t{\r\n\r\n\r\n\t\t$adjacent_products = $this-&gt;product-&gt;getAdjacentProducts();\r\n\r\n\t\t$this-&gt;context-&gt;smarty-&gt;assign(array(\r\n\t\t\t'prev_product'=&gt; $adjacent_products['previous'],\r\n\t\t\t'next_product'=&gt; $adjacent_products['next']\r\n\t\t));\r\n\r\n\t\tparent::initContent();\r\n\t}\t\r\n}<\/pre>\n<p>&#8212;&#8212;&#8212;&#8212;&#8212;-<\/p>\n<p>3) Maintenant on va ajouter le boutton sur la page produit. Pour cela, ouvrez le fichier product.tpl qui se situe dans votre th\u00e8me et ins\u00e9rez le code suivant<\/p>\n<pre class=\"lang:default decode:true \">&lt;div class=\"product-navigation clearfix\" style=\"margin-bottom:20px\"&gt;\r\n\t{if $prev_product}\r\n\t\t&lt;a title=\"{$prev_product.name}\" class=\"btn btn-default\" href=\"{$link-&gt;getProductLink($prev_product.id_product, $prev_product.link_rewrite)}\"&gt;{l s='Previous Product'}&lt;\/a&gt;\r\n\t{\/if}\r\n\t{if $next_product}\r\n\t\t&lt;a title=\"{$next_product.name}\" class=\"btn btn-default\" style=\"float:right\"href=\"{$link-&gt;getProductLink($next_product.id_product, $next_product.link_rewrite)}\"&gt;{l s='Next Product'}&lt;\/a&gt;\r\n\t{\/if}\r\n&lt;\/div&gt;<\/pre>\n<p>&#8212;&#8212;&#8212;&#8212;&#8212;-<br \/>\n<a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2014\/12\/prevnext_tut.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-170\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2014\/12\/prevnext_tut.png\" alt=\"prevnext_tut\" width=\"893\" height=\"255\" srcset=\"https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2014\/12\/prevnext_tut.png 893w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2014\/12\/prevnext_tut-300x86.png 300w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2014\/12\/prevnext_tut-624x178.png 624w\" sizes=\"(max-width: 893px) 100vw, 893px\" \/><\/a><\/p>\n<p><em>Cette astuce est donn\u00e9e par Fabio Porta, <a href=\"http:\/\/blog.arvixe.com\/adding-previous-and-next-navigation-buttons-to-the-prestashop-product-page\/comment-page-1\/\">voir le site.<\/a><\/em><\/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\/inserer-un-dropdown-panier-dans-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\/2018\/07\/Inse\u0301rer-un-dropdown-panier-dans-Prestashop-1.7-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\/inserer-un-dropdown-panier-dans-prestashop-1-7\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Ins\u00e9rer un dropdown panier dans Prestashop 1.7  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 7603<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Comme vous avez certainement pu le constater, pas mal de fonctionnalit\u00e9s ont disparus dans la version 1.7 de Prestashop. je trouve personnellement qu'il y a encore \u00e9norm\u00e9ment de bugs, l'ergonomie laisse vraiment \u00e0 d\u00e9sirer notamment sur la partie mobile....\r\n\r\nUne des fonctionnalit\u00e9s qui a \u00e9t\u00e9 supprim\u00e9e est le dropdown panier. Voici un tutoriel qui va vous permettre de le remettre.\r\n\r\nTout ce passe...<\/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\/taille-des-images-du-theme-par-defaut-de-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-images-demo1-657x3451-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\/taille-des-images-du-theme-par-defaut-de-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Taille des Images du th\u00e8me par d\u00e9faut de Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 7008<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Ce tutoriel va vous permettre de connaitre la taille des images du th\u00e8me par d\u00e9faut de Prestashop\r\n\r\nLa plupart des images\u00a0que vous t\u00e9l\u00e9chargez dans le back-office doivent \u00eatre enregistr\u00e9es au format .jpg ou .png. Attention pour activer le format png il faut aller dans Pr\u00e9f\u00e9rences > Images et dans la partie \"Options de g\u00e9n\u00e9ration d'images\", cochez dans format d'image :\u00a0Utiliser le PNG uniquemen...<\/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-poster-sur-instagram-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-1Comment-bien-poster-sur-Instagram-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-poster-sur-instagram-infographie\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Comment bien poster sur Instagram | Infographie  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 440<\/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 posts sur Instagram 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\/la-part-de-marche-des-4-navigateurs-dans-4-pays-europeens\/\" 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\/01\/part-de-marche-des-navigateurs-header-300x187.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\/la-part-de-marche-des-4-navigateurs-dans-4-pays-europeens\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> La part de march\u00e9 des 4 navigateurs dans 4 pays europ\u00e9ens  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 191<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Cette infographie montre les navigateurs les plus utilis\u00e9s en Allemagne, en Espagne, en France et au Royaume-Uni en octobre 2014.\r\n\r\nAllemagne :\r\nFirefox est le navigateur le plus utilis\u00e9 avec 34,2% des internautes suivi d'Internet Explorer (20,5%) et Chrome (19%).\r\n\r\nEspagne :\r\nChrome est le navigateur le plus utilis\u00e9 avec 42,2% des internautes\u00a0suivi de Safari (16,5%) et Internet Explorer (16,3%)...<\/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\/reussir-les-tests-dab-testing-grace-aux-donnees-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-06-08-\u00e0-20.25.59-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\/reussir-les-tests-dab-testing-grace-aux-donnees-infographie\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> R\u00e9ussir les tests d\u2019A\/B testing gr\u00e2ce aux donn\u00e9es | Infographie  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 169<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >1) Qu'est ce que l'A\/B testing\r\nIl s\u2019agit simplement de tester plusieurs versions de vos pages pour savoir laquelle d\u2019entre-elles donne les meilleurs r\u00e9sultats : plus de ventes, plus d\u2019inscriptions, plus de clics, etc\u2026\r\n2) Voici les astuces abord\u00e9es dans\u00a0cette infographie pour collecter les donn\u00e9es \u00a0et d\u00e9finir un plan d'action\r\n\r\n\t1) Analyse heuristique : \u00c9value les exp\u00e9riences du contenu et de l'...<\/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>Voici un petit tutoriel si vous d\u00e9sirez ajouter un bouton suivant\/pr\u00e9cedent sur la page produit Cette astuce Prestashop est valable pour la version 1.5 et 1.6 &#8212;&#8212;&#8212;&#8212;&#8212;- 1) Cr\u00e9ez un nouveau fichier qui se nommera Product.php dans override\/classes et ins\u00e9rez le code suivant : &lt;?php class Product extends ProductCore { [&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\/161"}],"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=161"}],"version-history":[{"count":0,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/161\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media?parent=161"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/categories?post=161"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/tags?post=161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}