{"id":684,"date":"2015-03-29T16:03:25","date_gmt":"2015-03-29T16:03:25","guid":{"rendered":"http:\/\/www.majory-cubizolles.fr\/blog\/?p=684"},"modified":"2017-01-23T18:29:35","modified_gmt":"2017-01-23T18:29:35","slug":"afficher-les-disponibilites-sur-la-liste-de-produits","status":"publish","type":"post","link":"https:\/\/www.majory-cubizolles.fr\/blog\/afficher-les-disponibilites-sur-la-liste-de-produits\/","title":{"rendered":"Afficher les disponibilit\u00e9s sur la liste de produits |  Astuce Prestashop 1.6"},"content":{"rendered":"<p>Ce tutorial va vous permettre d&rsquo;afficher les disponibilit\u00e9s (en stock&#8230;.)\u00a0sur la liste des produits du bloc Populaire , Nouveaux Produits, Meilleures Ventes &#8230;.,<\/p>\n<p><strong><strong>Cette astuce Prestashop est valable pour la version 1.6<\/strong><\/strong><\/p>\n<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<\/p>\n<p><span style=\"color: #003366;\"><strong>1)\u00a0Modification du fichier\u00a0product-list.tpl.<\/strong><\/span><\/p>\n<p>Ouvrez le fichier product-list qui se situe \u00e0 l&rsquo;int\u00e9rieur de votre th\u00e8me est ins\u00e9r\u00e9\u00a0le code suivant l\u00e0 o\u00f9\u00a0vous d\u00e9sirez voir apparaitre l&rsquo;information<\/p>\n<pre class=\"lang:default decode:true \">{if $product.quantity &gt;0}&lt;div class='instock'&gt;{l s='in stock'}&lt;\/div&gt;{else}&lt;div class='outofstock'&gt;{l\r\ns='in stock'}&lt;\/div&gt;{\/if}<\/pre>\n<p><!--more--><\/p>\n<p><span style=\"color: #003366;\"><strong>2) Pour la mise en page, ouvrez lee fichier global css, et ins\u00e9rer le code suivant<\/strong><\/span><\/p>\n<pre class=\"lang:css decode:true \">.instock { background:green; color:white; padding:5px 10px; display:inline-block  } \r\n.outofstock { background:red;color:white; padding:5px 10px;  display:inline-block }<\/pre>\n<p>&#8212;&#8212;-<\/p>\n<p>C&rsquo;est tout, maintenant vous devez \u00eatre en mesure de visualiser la disponibilit\u00e9. Si ce n&rsquo;est pas le cas, n&rsquo;oubliez pas de nettoyer votre cache.<\/p>\n<p><a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/03\/disponibilite.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-688\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/03\/disponibilite.jpg\" alt=\"disponibilite\" width=\"617\" height=\"454\" \/><\/a><\/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\/10-combinaisons-web-avec-la-couleur-bleu\/\" 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\/combinaison-bleu-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\/10-combinaisons-web-avec-la-couleur-bleu\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> 10 palettes de couleurs sur le th\u00e8me du bleu pour agr\u00e9menter vos site web  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 2723<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Selon, Trinity Advise, le bleu et ses nuances sont \u00e9troitement li\u00e9s \u00e0 la sagesse, \u00e0 la s\u00e9r\u00e9nit\u00e9 et au r\u00eave. C'est une couleur de communication, il cr\u00e9e une sensation de confiance, de v\u00e9rit\u00e9 et de s\u00e9curit\u00e9, ce qui explique pourquoi de nombreux sites de banques et de conseil l\u2019utilisent. Couleur pr\u00e9f\u00e9r\u00e9e des occidentaux, il est aussi \u00e9cho de la vie, de l\u2019intuition et de la d\u00e9couverte, et peut avoir ...<\/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\/laction-de-scroller-sur-un-site-e-commerce-permet-il-daugmenter-les-conversions\/\" 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\/infographie-taux-scroll4-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\/laction-de-scroller-sur-un-site-e-commerce-permet-il-daugmenter-les-conversions\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> L\u2019action de scroller sur un site e-commerce permet-il d\u2019augmenter les conversi...  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 603<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Les chiffres de cette infographie , r\u00e9alis\u00e9e par Content Square,\u00a0 ont \u00e9t\u00e9 obtenus en analysant pr\u00e8s de 50 millions de visites r\u00e9parties sur plus de 100 sites E-commerce, tous secteurs d\u2019activit\u00e9 confondus.\r\nPour rappel : scroller consiste \u00e0 faire d\u00e9filer les pages de votre site internet de haut en bas.\r\n\r\n1) Evolution du comportement du scroll\r\nEn 2014, on peut noter une augmentation du taux de sc...<\/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\/nouveautes-back-office-prestashop-1-7-partie-1\/\" 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\/menu-back-office-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\/nouveautes-back-office-prestashop-1-7-partie-1\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Le nouveau menu du back-office de Prestashop 1.7 \u2013 Partie 1  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 4809<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >La version R.C.0.1 de Prestasho 1.7 est sortie, et grande surprise son back-office a \u00e9t\u00e9 traduit en fran\u00e7ais (enfin une grande partie)\r\n\r\nPar rapport \u00e0 Prestashop 1.6, \u00a0celui-ci a totalement \u00e9t\u00e9 remodel\u00e9. Il se veut plus ergonomique et plus simple d\u2019utilisation.\r\n\r\nDans ce tutoriel, nous allons voir comment a \u00e9t\u00e9 remani\u00e9\u00a0le \"menu\".\r\n\r\nPar rapport \u00e0 Prestashop 1.6, le menu\u00a0est organis\u00e9 en\u00a03 parties...<\/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\/afficher-les-fournisseurs-sur-les-pages-produits-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\/fournisseurs-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\/afficher-les-fournisseurs-sur-les-pages-produits-astuce-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Afficher les fournisseurs sur les pages produits | Astuce Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 3060<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Ce tuto va vous expliquer comment ins\u00e9rer les fournisseurs dans la page\u00a0produit dans la version Prestashop 1.6\r\n\r\n\r\nA) Mettre le nom du fournisseur avec le lien sur votre page produit\r\n\r\nAjouter les lignes suivantes dans le fichier product.tpl\u00a0qui se situe dans votre th\u00e8me \u00e0 l'endroit \u00e0 vous d\u00e9sirez que le fournisseur apparaisse :\u00a0\r\n\r\nR\u00e9sultat :\u00a0\r\n\r\n\r\nB) Mettre le logo du fournisseur\u00a0avec le lien ...<\/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\/boutique-prestashop-compatible-mobile\/\" 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\/09\/mobile-friendly-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\/boutique-prestashop-compatible-mobile\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Votre boutique Prestashop est-il compatible mobile ?  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 1283<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Google ayant mis en place son label\u00a0\u00ab\u00a0Mobile Friendly\u00a0\u00bb, dans ses r\u00e9sultats de recherche, il devient maintenant incontournable d'avoir un site version mobile. Il faut noter aussi qui si votre site n'est pas responsive ou compatible Mobile, vous allez perdre des places dans les pages de r\u00e9sultats de Google.\r\n\r\nGoogle \u00e0 mise \u00e0 votre disposition un outil tr\u00e8s simple pour tester la comptabilit\u00e9 de vot...<\/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 tutorial va vous permettre d&rsquo;afficher les disponibilit\u00e9s (en stock&#8230;.)\u00a0sur la liste des produits du bloc Populaire , Nouveaux Produits, Meilleures Ventes &#8230;., Cette astuce Prestashop est valable pour la version 1.6 &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;- 1)\u00a0Modification du fichier\u00a0product-list.tpl. Ouvrez le fichier product-list qui se situe \u00e0 l&rsquo;int\u00e9rieur de votre th\u00e8me est ins\u00e9r\u00e9\u00a0le [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":688,"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\/684"}],"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=684"}],"version-history":[{"count":0,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/684\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media\/688"}],"wp:attachment":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media?parent=684"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/categories?post=684"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/tags?post=684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}