{"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\/comment-ameliorer-votre-taux-de-transformation\/\" 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-06-\u00e0-20.23.35-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-ameliorer-votre-taux-de-transformation\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Comment am\u00e9liorer votre taux de transformation ?  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 391<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Il est \u00e0 noter que 7 clients sur 10 abonnent leur commande en cours de route pour diff\u00e9rentes raisons :\r\n- Des co\u00fbts suppl\u00e9mentaires au moment du paiement,\r\n- L\u2019obligation de cr\u00e9er un compte,\r\n- La difficult\u00e9 \u00e0 renseigner les coordonn\u00e9es sur un smartphone ou une tablette Un processus de commande trop long et\/ou trop complexe ,\r\n- Des messages bloquants non compris par l\u2019internaute ,\r\n- L\u2019inqui\u00e9tud...<\/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-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 7574<\/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\/comment-les-hashtags-facebook-peuvent-ils-aider-vos-actions-marketing\/\" 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-header-Facebook-hashtags-can-increase-Likers-and-brand-awareness-Social-Media-Marketing-Infographic-www.socialmediamamma.com--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-les-hashtags-facebook-peuvent-ils-aider-vos-actions-marketing\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Comment les Hashtags Facebook peuvent-ils aider vos actions marketing ?  <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) Comment utiliser les hashtags ?\r\n\r\nLes hashtags transforment les sujets et les locutions en liens cliquables \u00e0 l\u2019int\u00e9rieur des publications de votre journal ou de votre Page. Ils aident les utilisateurs \u00e0 trouver des publications portant sur des sujets qui les int\u00e9ressent. Pour cr\u00e9er un hashtag, tapez # (le symbole di\u00e8se) imm\u00e9diatement suivi d\u2019un sujet ou d\u2019une locution, puis ajoutez-le \u00e0 votre...<\/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-differences-entre-le-seo-et-le-sea-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\/02\/jpg-400x249.') 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-differences-entre-le-seo-et-le-sea-infographie\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Les diff\u00e9rences entre le SEO et le SEA | Infographie  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 280<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Qu'est ce que le\u00a0SEO et SEA ?\u00a0\r\n\r\n \tSEO =\u00a0r\u00e9f\u00e9rencer son site pour les moteurs de recherche\r\n \tSEA =\u00a0cr\u00e9er des campagnes de liens sponsoris\u00e9s\r\n\r\n\r\nVous vous \u00eates peut-etre demand\u00e9s :\u00a0\r\n\r\n \tEst-il pr\u00e9f\u00e9rable de r\u00e9f\u00e9rencer son site pour les moteurs de recherche \u00a0plut\u00f4t que de cr\u00e9er des campagnes de liens sponsoris\u00e9s ?\r\n \tLes deux solutions ne peuvent-elles pas fonctionner ensemble ?\r\n\r\nCette infogra...<\/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 4980<\/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<\/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}]}}