{"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   Quelques astuces pour vous aider \u00e0 cr\u00e9er un site e-commerce avec Prestashop  
views 1119<\/div><\/a>\n\t\t\t\t\t\t\t\tCr\u00e9er son site e-commerce avec Prestashop n'est pas toujours facile.\u00a0Je mettrais r\u00e9guli\u00e8rement des documents que vous pourrez t\u00e9l\u00e9charger afin de mieux vous aidez dans la cr\u00e9ation de votre site e-commerce.\r\nDocument 1 : Mod\u00e8le de cahier des charges\u00a0\r\nAvant de se lancer dans l'aventure de l'e-commerce, il est tr\u00e8s important de mettre par \u00e9crit un ensemble d'informations qui va vous aider pour la su...<\/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   Check-list pour bien construire sa page cat\u00e9gorie PrestaShop  
views 308<\/div><\/a>\n\t\t\t\t\t\t\t\tCHECK-LIST FICHE CATEGORIE\r\nVous avez install\u00e9 PrestaShop et maintenant vous d\u00e9sirez cr\u00e9er vos cat\u00e9gories. Je vous propose ici une check-list des diff\u00e9rentes informations que vous pouvez ins\u00e9rer dans le syst\u00e8me. Avant de cr\u00e9er vos fiches cat\u00e9gories, je vous conseille de bien penser \u00e0 la structure de votre site. En effet les cat\u00e9gories et sous-cat\u00e9gories vont avoir une influence sur votre menu, vos...<\/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   Ajouter les r\u00e9seaux sociaux sur la page d\u2019accueil | Prestashop 1.7  
views 8059<\/div><\/a>\n\t\t\t\t\t\t\t\tContrairement \u00e0 Prestashop 1.6, les r\u00e9seaux sociaux sur votre page d'accueil ne s'affichent pas automatiquement.\r\n\r\nCe petit tutorial va vous permettre de les configurer et de les faire appara\u00eetre sur la version Prestashop 1.7.\r\n\r\n\r\nConfigurer les r\u00e9seaux sur la page d'accueil | version Prestashop 1.7\r\nA) Depuis le back-office de Prestashop, allez dans Modules > Modules & Services\u00a0\r\n\r\n\r\n\r\nB...<\/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 activer SSL dans PrestaShop 1.6 & 1.7 ?  
views 3996<\/div><\/a>\n\t\t\t\t\t\t\t\tDans ce tuto nous allons voir comment activer le SSL sur votre boutique, c'est tout simple\r\nQu'est- ce que le SSL ?\r\nLorsque vous regardez l'url des sites web, ils commencent en g\u00e9n\u00e9ral\u00a0 par \u00ab http:\/\/ \u00bb\u00a0 ou \u00ab https:\/\/ \u00bb. Ce \u00ab s \u00bb indique que le site sur lequel vous naviguez est chiffr\u00e9 afin que vos donn\u00e9es ne puissent pas \u00eatre intercept\u00e9es.\u00a0 Le site est donc s\u00e9curis\u00e9, cela s'appelle SSL soit Secur...<\/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   Recette pour cr\u00e9er un logo parfait | Infographie  
views 564<\/div><\/a>\n\t\t\t\t\t\t\t\tSelon cette infographie, 7 points sont importants pour obtenir un logo parfait. Elle propose aussi diff\u00e9rents exemples de cr\u00e9ations qui marchent et qui marchent moins bien.\r\n\r\nInfographie int\u00e9ressante qui permet de reprendre les bases de la cr\u00e9ation de logo.\r\n\r\n\r\n\r\nLe r\u00e9sum\u00e9 des 7 points :\r\n- \u00eatre all\u00e9chant,\r\n- \u00eatre unique,\r\n- \u00eatre intemporelle,\r\n- innover,\r\n- \u00eatre simple,\r\n- \u00eatre consistant,\r\n- s...<\/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}]}}