{"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   6 points Fondamentaux pour am\u00e9liorer votre r\u00e9f\u00e9rencement naturel  
views 620<\/div><\/a>\n\t\t\t\t\t\t\t\tAvoir un site e-commerce ou un site vitrine c'est bien, mais des personnes que le visite c'est encore mieux.\r\n\r\nIl n'est pas toujours facile de savoir par o\u00f9 commencer son r\u00e9f\u00e9rencement naturel. Je suis tomb\u00e9e sur cette infographie qui\u00a0permet de faire un recap des points importants afin d'am\u00e9liorer votre r\u00e9f\u00e9rencement naturel et rendre Google heureux \ud83d\ude42\r\n\r\n\r\n \tAm\u00e9liorez la structure de votre site ...<\/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   Portrait Robot d\u2019un acheteur un ligne  
views 313<\/div><\/a>\n\t\t\t\t\t\t\t\tCette infographie, r\u00e9alis\u00e9e par LK conseil, a cr\u00e9\u00e9 un portrait robot d'un acheteur en ligne\r\nQuelques chiffres\r\n36 millions\u00a0de\u00a0consommateurs fran\u00e7ais ont r\u00e9alis\u00e9\u00a0des achats\u00a0en ligne\u00a0au second trimestre de cette\u00a0ann\u00e9e. Il a augment\u00e9 de 4% par rapport \u00e0 la m\u00eame p\u00e9riode l'an dernier.\r\n\r\nSur ces 36 millions d'acheteurs en ligne, 52% commandent au moins 1 fois par mois.\r\n\r\n76 euros ont \u00e9t\u00e9 d\u00e9pens\u00e9s par...<\/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   Supprimer la redirection Home du bloc Newsletter |  Astuce Prestashop 1.6  
views 570<\/div><\/a>\n\t\t\t\t\t\t\t\tVous l'avez peut-\u00eatre remarqu\u00e9 mais si le client s'inscrit \u00a0\u00e0 la newsletter, il est obligatoirement renvoy\u00e9 \u00e0 la page d'accueil de votre site.\r\n\r\nSi vous d\u00e9sirez que le client reste sur la m\u00eame, suivez\u00a0ce petit tuto :\r\n\r\n\r\nComment puis-je supprimer cette redirection dans Prestashop ?\u00a0\r\n\r\n \tOuvrez le fichier th\u00e8mes\/lenomduvotretheme\/modules\/blocknewsletter\/blocknewsletter.tpl\r\n\r\nRemplacer le code s...<\/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 modifier le message de Copyright en bas de page | Prestashop 1.7 ?  
views 20844<\/div><\/a>\n\t\t\t\t\t\t\t\tLors du param\u00e9trage de votre boutique Prestashop, vous d\u00e9sirez peut-\u00eatre modifier le message de Copyright en bas de page.\r\n\r\nPar d\u00e9faut, le message est le suivant :\u00a0\u00a9 2016 \u2013 Ecommerce software by PrestaShop\u2122. Lorsque nous\u00a0cliquons sur lien, \u00a0on est transf\u00e9r\u00e9\u00a0sur le site de Prestashop.\r\n\r\nDans un premier temps, nous verrons comment modifier le message et dans un deuxi\u00e8me temps, comment modif...<\/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   G\u00e9n\u00e9rer du trafic qualifi\u00e9 | Infographie SEO  
views 248<\/div><\/a>\n\t\t\t\t\t\t\t\tVous d\u00e9sirez obtenir un trafic qualifi\u00e9 sur votre site ?\r\n\r\nPour cela n'h\u00e9sitez pas \u00e0 utiliser le SEO (r\u00e9f\u00e9rencement naturel) , le SEA (r\u00e9f\u00e9rencement payant) et le SMO (media sociaux) :\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<\/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}]}}