{"id":3238,"date":"2017-02-06T13:15:50","date_gmt":"2017-02-06T13:15:50","guid":{"rendered":"http:\/\/www.majory-cubizolles.fr\/blog\/?p=3238"},"modified":"2017-02-06T13:17:50","modified_gmt":"2017-02-06T13:17:50","slug":"afficher-categories-page-categorie-prestashop-1-7","status":"publish","type":"post","link":"https:\/\/www.majory-cubizolles.fr\/blog\/afficher-categories-page-categorie-prestashop-1-7\/","title":{"rendered":"Afficher les sous-cat\u00e9gories sur la page cat\u00e9gorie | Prestashop 1.7"},"content":{"rendered":"

Vous l’avez peut-\u00eatre constat\u00e9 mais sur la version Prestashop<\/span> 1.7, les sous-cat\u00e9gories ne s’affichent pas sur les pages cat\u00e9gories comme sur Prestashop<\/span> 1.6.<\/p>\n

Voici un petit tutoriel, qui vous permettra de les faire\u00a0appara\u00eetre\u00a0rapidement.<\/p>\n

Comment ins\u00e9rer les sous-cat\u00e9gories sur la page cat\u00e9gorie ?<\/span><\/h2>\n

Etape 1<\/strong><\/span>: Ouvrir le fichier category.tpl qui se situe dans ..\/themes\/nomdevotretheme\/templates\/catalog\/listing\/category.tpl<\/p>\n

Nom de votre th\u00e8me = dans l’exemple suivant je prend le th\u00e8me par defaut de Prestashop 1.7 qui se nomme \u00ab\u00a0Classic\u00a0\u00bb<\/p>\n

<\/p>\n

\"Afficher<\/a><\/p>\n

 <\/p>\n

Etape 2<\/span><\/strong> : juste avant la derni\u00e8re balise <\/block>, ins\u00e9rez le code suivant :<\/p>\n

\t<div id=\"subcategories\">\r\n\t\t<ul class=\"clearfix\">\r\n    \t {foreach from=$subcategories item=subcategory} \r\n   \t\t\t <li>\r\n      \t\t  <a href=\"{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}\" title=\"{$subcategory.name|escape:'html':'UTF-8'}\" class=\"img\">\r\n         \t  <img class=\"replace-2x\" src=\"{$urls.base_url}img\/c\/{$subcategory.id_category}.jpg\" alt=\"{$subcategory.name|escape:'html':'UTF-8'}\"  \/>\r\n       \t\t  <\/a>\r\n        \t <h5><a class=\"subcategory-name\" href=\"{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}\">{$subcategory.name|truncate:25:'...'|escape:'html':'UTF-8'}<\/a><\/h5>\r\n   \t\t\t<\/li>\r\n   \t\t{\/foreach}\r\n   \t\t<\/ul> \r\n    <\/div><\/pre>\n
Ce qui doit donner<\/p>\n
{**\r\n * 2007-2016 PrestaShop\r\n *\r\n * NOTICE OF LICENSE\r\n *\r\n * This source file is subject to the Open Software License (OSL 3.0)\r\n * that is bundled with this package in the file LICENSE.txt.\r\n * It is also available through the world-wide-web at this URL:\r\n * http:\/\/opensource.org\/licenses\/osl-3.0.php\r\n * If you did not receive a copy of the license and are unable to\r\n * obtain it through the world-wide-web, please send an email\r\n * to license@prestashop.com so we can send you a copy immediately.\r\n *\r\n * DISCLAIMER\r\n *\r\n * Do not edit or add to this file if you wish to upgrade PrestaShop to newer\r\n * versions in the future. If you wish to customize PrestaShop for your\r\n * needs please refer to http:\/\/www.prestashop.com for more information.\r\n *\r\n * @author    PrestaShop SA <contact@prestashop.com>\r\n * @copyright 2007-2016 PrestaShop SA\r\n * @license   http:\/\/opensource.org\/licenses\/osl-3.0.php Open Software License (OSL 3.0)\r\n * International Registered Trademark & Property of PrestaShop SA\r\n *}\r\n{extends file='catalog\/listing\/product-list.tpl'}\r\n \r\n{block name='product_list_header'}\r\n    <div class=\"block-category card card-block hidden-sm-down\">\r\n        <h1 class=\"h1\">{$category.name}<\/h1>\r\n        {if $category.description}\r\n            <div id=\"category-description\" class=\"text-muted\">{$category.description nofilter}<\/div>\r\n            <div class=\"category-cover\">\r\n                <img src=\"{$category.image.large.url}\" alt=\"{$category.image.legend}\">\r\n            <\/div>\r\n        {\/if}\r\n    <\/div>\r\n    <div class=\"text-xs-center hidden-md-up\">\r\n        <h1 class=\"h1\">{$category.name}<\/h1>    \r\n    <\/div> \r\n\t<div id=\"subcategories\">\r\n\t\t<ul class=\"clearfix\">\r\n    \t {foreach from=$subcategories item=subcategory} \r\n   \t\t\t <li>\r\n      \t\t  <a href=\"{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}\" title=\"{$subcategory.name|escape:'html':'UTF-8'}\" class=\"img\">\r\n         \t  <img class=\"replace-2x\" src=\"{$urls.base_url}img\/c\/{$subcategory.id_category}.jpg\" alt=\"{$subcategory.name|escape:'html':'UTF-8'}\"  \/>\r\n       \t\t  <\/a>\r\n        \t <h5><a class=\"subcategory-name\" href=\"{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}\">{$subcategory.name|truncate:25:'...'|escape:'html':'UTF-8'}<\/a><\/h5>\r\n   \t\t\t<\/li>\r\n   \t\t{\/foreach}\r\n   \t\t<\/ul> \r\n    <\/div>\r\n {\/block}<\/pre>\n
 <\/p>\n
Etape 3<\/strong><\/span>: Ouvrir le fichier theme.css\u00a0qui se situe dans ..\/themes\/nomdevotretheme\/assets\/css\/theme.css<\/p>\n
\"1-theme-css-prestashop-1_7\"<\/a><\/p>\n
 <\/p>\n
Etape 4<\/span><\/strong>\u00a0:\u00a0ajoutez le code suivant :<\/p>\n
#subcategories ul li {\r\n  float: left;\r\n  width: 25%;\r\n  text-align: center;\r\n}\r\n#subcategories ul li img {\r\n  margin-bottom: 10px;\r\n}<\/pre>\n
 <\/p>\n
Etape 5<\/strong><\/span> : et voila :<\/p>\n
\"1-sous-categories-prestashop-1_7\"<\/a><\/p>\n
ATTENTION: si ne vous visualisez pas les modifications, c’est s\u00fbrement un probl\u00e8me de cache. Veuillez consulter l’article suivant :\u00a0Comment vider dans Prestashop 1.6 et Prestashop 1.7<\/span><\/strong><\/p>\n
Articles similaires<\/h2><\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   Comment configurer le diaporama de la page d\u2019accueil | Prestashop 1.6 et 1.7  
views 11305<\/div><\/a>\n\t\t\t\t\t\t\t\tAujourd\u2019hui, nous allons voir comment configurer le diaporama de votre page d'accueil sur\u00a0votre boutique en ligne sur Prestashop 1.6 &Prestashop\u00a01.7\r\n\r\n------------------------------------------------------------------------------------------------------------------------\r\nTutorial pour Prestashop 1.6\r\nA noter la taille de l'image pour le diaporama est de 779px de large pour 448px de haut.\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
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   7 ingr\u00e9dients pour une landing page r\u00e9ussie | E-commerce  
views 392<\/div><\/a>\n\t\t\t\t\t\t\t\tCette infographie, r\u00e9alis\u00e9 par\u00a0Raffles Media, met en avant 7 astuces qui va vous aider \u00e0 optimiser votre trafic\r\nQu'est une landing page ?\u00a0\r\nAussi connu sous le terme de \"page d'atterrissage\", il s'agit tout simplement de la page qui va accueillir le visiteur lors de sa visite sur votre site web.\r\nComment l'optimiser au mieux ?\u00a0\r\nD\u00e9sol\u00e9e de vous le dire mais aucune landing page est parfaite. Il ex...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   Bouton Suivant\/Pr\u00e9cedent sur la page produit |  Astuce Prestashop 1.6  
views 1998<\/div><\/a>\n\t\t\t\t\t\t\t\tVoici un petit tutoriel si vous d\u00e9sirez ajouter un bouton suivant\/pr\u00e9cedent sur la page produit\r\n\r\nCette astuce Prestashop est valable pour la version 1.5 et 1.6\r\n\r\n----------------\r\n\r\n1) Cr\u00e9ez un nouveau fichier qui se nommera Product.php dans override\/classes et ins\u00e9rez le code suivant :\r\n\r\n\r\n\r\n----------------\r\n\r\n2) Cr\u00e9ez un nouveau fichier qui se nommera ProductController.php dans override\/con...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   Les Fran\u00e7ais, le e-commerce et les mobiles  
views 129<\/div><\/a>\n\t\t\t\t\t\t\t\tCette infographie, r\u00e9alis\u00e9e par Content Square, met en avant les comportements de navigation et d\u2019achats des fran\u00e7ais sur mobile, en France.\r\n\r\nLes chiffres viennent d'une \u00e9tude r\u00e9alis\u00e9e d\u2019ao\u00fbt 2013 \u00e0 septembre 2014, sur 50 millions de visites sur tablette et plus de 100 sites e-commerce leaders fran\u00e7ais, multisectoriels.\r\n\r\nA noter : Selon la Fevad, 29,4 millions de personnes sont mobinautes en F...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   Comment param\u00e9trer la devise dans Prestashop 1.6 & 1.7  
views 7306<\/div><\/a>\n\t\t\t\t\t\t\t\tPar rapport \u00e0 Prestashop 1.6, la cr\u00e9ation d\u2019une devise dans Prestashop 1.7 a \u00e9t\u00e9 grandement simplifi\u00e9e. Par exemple les champs: code ISO et \u00a0ISO code num\u00e9rique ont \u00e9t\u00e9 supprim\u00e9s, il se mettent automatiquement.\r\n\r\nDans ce tutoriel, nous allons voir comment param\u00e9trer les devises dans les deux versions.\r\n\r\n\r\nA) Comment acc\u00e9der \u00e0 la page devise dans Prestashop 1.6 & 1.7\r\nPrestashop 1.6\r\n\r\n1) Depu...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n<\/div>  ","protected":false},"excerpt":{"rendered":"
Vous l’avez peut-\u00eatre constat\u00e9 mais sur la version Prestashop 1.7, les sous-cat\u00e9gories ne s’affichent pas sur les pages cat\u00e9gories comme sur Prestashop 1.6. Voici un petit tutoriel, qui vous permettra de les faire\u00a0appara\u00eetre\u00a0rapidement. Comment ins\u00e9rer les sous-cat\u00e9gories sur la page cat\u00e9gorie ? Etape 1: Ouvrir le fichier category.tpl qui se […]<\/p>\n","protected":false},"author":1,"featured_media":3243,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,12],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/3238"}],"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=3238"}],"version-history":[{"count":0,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/3238\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media\/3243"}],"wp:attachment":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media?parent=3238"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/categories?post=3238"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/tags?post=3238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}