Category page. Display sub & sub sub categories

[player.c64]

Hi everybody,

I need to display on main category page all sub categories including sub sub categories See on attached visual.

I know it can be done by manipulating category.tpl. Trying to use syntax below but doesn't work

 {if isset($categoriesTree.children)}
  {foreach $categoriesTree.children as $child}
{if $child@last}
 {include file="$tpl_dir./category-tree-branch.tpl" node=$child last='true'}
{else}
 {include file="$tpl_dir./category-tree-branch.tpl" node=$child}
{/if}
  {/foreach}
 {/if}

 

Many thanks for all help.

[NemoPS]

Hi,

I believe sub-subs are not retrieved in the category page. Only subcategories. . You might want to extend the category controller and edit the following method:

 

protected function assignSubcategories()
{
 if ($subCategories = $this->category->getSubCategories($this->context->language->id))
 {
  $this->context->smarty->assign(array(
   'subcategories' => $subCategories,
   'subcategories_nb_total' => count($subCategories),
   'subcategories_nb_half' => ceil(count($subCategories) / 2)
  ));
 }
}

 

Just use a foreach and grab subcategories for these too

[player.c64]

Thanks Nemo for your reply. How to modify categoryController, finally how to received them in category.tpl?

Edited June 10, 2013 by player.c64 (see edit history)

[NemoPS]

If you don't know how to use overrides you can change that functions directly. Inside the IF, add foreach $subCategories as $key ->$subCat. THen inside ther foreach loop, create a new category object with the subcategory ID, then use the same function prestashop does (getSubcategory) on that object, and save it to $subCategories[$key]

[player.c64]

Can you give me an examples I'm not familiar with smarty. Many thanks.

[NemoPS]

No no this is not to be done inside a template, but in categorycontroller.php, only php knowledge is required

 

Haven't tested it, but here it is

 

protected function assignSubcategories()
{
 if ($subCategories = $this->category->getSubCategories($this->context->language->id))
 {
  foreach ($subCategories as $key => $subcat) {

   $subcatObj = new Category($subcat['id_category']);
   $subcategories[$key]['subcategories'] = $subcatObj->getSubCategories($this->context->language->id));

  }
  $this->context->smarty->assign(array(
   'subcategories' => $subCategories,
   'subcategories_nb_total' => count($subCategories),
   'subcategories_nb_half' => ceil(count($subCategories) / 2)
  ));
 }
}

[upsilon]

Hello !

 

After a long search I came across your post but it does not work :-/ I tried to change but to no avail: '(Any ideas why?

 

 

What I want to do:

on the page of categories I am looking to display the sub & sub-sub categories

 

Thank you very much!

 

 

 

(Excuse me for my English I'm french and i use google translate)

[neller]

Has anyone been successful in getting this to work as intended?

[R.Kinkeris]

This worked for me.
in CategoryController.php override ->

 

<?php

class CategoryController extends CategoryControllerCore
{
	public function setMedia()
	{
		$this->context->controller->addJs(_PS_JS_DIR_.'jquery/jquery-1.7.2.min.js');
		$this->context->controller->addJqueryUi('ui.accordion');
	}
	protected function assignSubcategories()
	{
		if ($subCategories = $this->category->getSubCategories($this->context->language->id))
		{
			foreach ($subCategories as $key => $subcat) {
		
			$subcatObj = new Category($subcat['id_category']);
			$subCategories[$key]['subcategories'] = $subcatObj->getSubCategories($this->context->language->id);
		}
			$this->context->smarty->assign(array(
				'subcategories' => $subCategories,
				'subcategories_nb_total' => count($subCategories),
				'subcategories_nb_half' => ceil(count($subCategories) / 2)
			));
		}
	}
}

and in tpl file ->

 

{foreach from=$subcategories item=subcategory}
	<h3>{$subcategory.name|escape:'htmlall':'UTF-8'}</h3>
	<div>
		<ul class="sub-menu">
			{foreach from=$subcategory['subcategories'] item=subcategories}
				<li>
					<a href="{$link->getCategoryLink($subcategories.id_category, $subcategories.link_rewrite)|escape:'htmlall':'UTF-8'}">{$subcategories.name|escape:'htmlall':'UTF-8'}</a>
				</li>
			{/foreach}
		</ul>
	</div>
{/foreach}

And now I have nice accardion type menu.

[klubas]

Not working on v.1.5  or I'm  not doing it correctly. Need more explanation

[R.Kinkeris]

Which part exactly isn't working? Did you delete class_index.php in cache folder after you made the override?

[klubas]

Hello,

I replaced all content in:

 

..\controllers\front\CategoryController.php

 

with:

<?php

class CategoryController extends CategoryControllerCore
{
    public function setMedia()
    {
        $this->context->controller->addJs(_PS_JS_DIR_.'jquery/jquery-1.7.2.min.js');
        $this->context->controller->addJqueryUi('ui.accordion');
    }
    protected function assignSubcategories()
    {
        if ($subCategories = $this->category->getSubCategories($this->context->language->id))
        {
            foreach ($subCategories as $key => $subcat) {
        
            $subcatObj = new Category($subcat['id_category']);
            $subCategories[$key]['subcategories'] = $subcatObj->getSubCategories($this->context->language->id);
        }
            $this->context->smarty->assign(array(
                'subcategories' => $subCategories,
                'subcategories_nb_total' => count($subCategories),
                'subcategories_nb_half' => ceil(count($subCategories) / 2)
            ));
        }
    }
}

and in category.tpl replaced this:

 

      {foreach from=$subcategories item=subcategory}
				<li class="clearfix">
					<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" title="{$subcategory.name|escape:'htmlall':'UTF-8'}" class="img">
						{if $subcategory.id_image}
							<img src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'medium_default')|escape:'html'}" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
						{else}
							<img src="{$img_cat_dir}default-medium_default.jpg" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
						{/if}
					</a>
					<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" class="cat_name">{$subcategory.name|escape:'htmlall':'UTF-8'}</a>
					{if $subcategory.description}
						<p class="cat_desc">{$subcategory.description}</p>
					{/if}
				</li>
			{/foreach}

with this:

{foreach from=$subcategories item=subcategory}
    <h3>{$subcategory.name|escape:'htmlall':'UTF-8'}</h3>
    <div>
        <ul class="sub-menu">
            {foreach from=$subcategory['subcategories'] item=subcategories}
                <li>
                    <a href="{$link->getCategoryLink($subcategories.id_category, $subcategories.link_rewrite)|escape:'htmlall':'UTF-8'}">{$subcategories.name|escape:'htmlall':'UTF-8'}</a>
                </li>
            {/foreach}
        </ul>
    </div>
{/foreach}

Please correct me if this is wrong.

Thank you.

[R.Kinkeris]

Did you override the controller correctly?

I think you did wrong at the first part. Don't replace all content in in YOURSITE/controllers/front/CategoryController.php.

This is what you have to do:
1. Undo ALL the things you did in YOURSITE/controllers/front/CategoryController.php

2. Navigate to YOURSITE/override/controllers/front and create file CategoryController.php

3. In that file place the script
 

<?php

class CategoryController extends CategoryControllerCore
{
    public function setMedia()
    {
        $this->context->controller->addJs(_PS_JS_DIR_.'jquery/jquery-1.7.2.min.js');
        $this->context->controller->addJqueryUi('ui.accordion');
    }
    protected function assignSubcategories()
    {
        if ($subCategories = $this->category->getSubCategories($this->context->language->id))
        {
            foreach ($subCategories as $key => $subcat) {
        
            $subcatObj = new Category($subcat['id_category']);
            $subCategories[$key]['subcategories'] = $subcatObj->getSubCategories($this->context->language->id);
        }
            $this->context->smarty->assign(array(
                'subcategories' => $subCategories,
                'subcategories_nb_total' => count($subCategories),
                'subcategories_nb_half' => ceil(count($subCategories) / 2)
            ));
        }
    }
}

And it should take effect. If not navigate to YOURSITE/cache and delete class_index.php

If nothing happens please be sure that you have created category with subcategories.

P.S. post any error messages if you get them.

[fulviods]

Hello!
I can't make it work on PS 1.6.0.6
Any idea?

 

The function setMedia seem not to work, and in the category.tpl the html code is not the same...
Could be possible to have an update? thanks a lot

[dformica]

Anybody got this working in 1.6? 

[Daelune]

Sorry to dig up old post. Managed to get this working in the latest Prestashop (1.6) by modifying the controller slightly.

 

My override/controllers/front/CategoryController.php:

class CategoryController extends CategoryControllerCore
{
 
    protected function assignSubcategories()
    {
        if ($sub_categories = $this->category->getSubCategories($this->context->language->id)) {
			
			
		foreach ($sub_categories as $key => $subcat) {
			$subcatObj = new Category($subcat['id_category']);
			$sub_categories[$key]['subcategories'] = $subcatObj->getSubCategories($this->context->language->id);
		}
		
		
            $this->context->smarty->assign(array(
                'subcategories'          => $sub_categories,
                'subcategories_nb_total' => count($sub_categories),
                'subcategories_nb_half'  => ceil(count($sub_categories) / 2)
            ));
        }
    }
	
	

}

When you have this code in, delete the class_index.php cache file.

 

Then just lump the code provided by Klubas into your category.tpl file in your theme somewhere within your $subcategory loop. I've posted it here for convenience.

<ul class="sub-menu">
			{foreach from=$subcategory['subcategories'] item=subcategories}
				<li>
					<a href="{$link->getCategoryLink($subcategories.id_category, $subcategories.link_rewrite)|escape:'htmlall':'UTF-8'}">{$subcategories.name|escape:'htmlall':'UTF-8'}</a>
				</li>
			{/foreach}
		</ul>

[dformica]

 

Sorry to dig up old post. Managed to get this working in the latest Prestashop (1.6) by modifying the controller slightly.

 

My override/controllers/front/CategoryController.php:

class CategoryController extends CategoryControllerCore
{
 
    protected function assignSubcategories()
    {
        if ($sub_categories = $this->category->getSubCategories($this->context->language->id)) {
			
			
		foreach ($sub_categories as $key => $subcat) {
			$subcatObj = new Category($subcat['id_category']);
			$sub_categories[$key]['subcategories'] = $subcatObj->getSubCategories($this->context->language->id);
		}
		
		
            $this->context->smarty->assign(array(
                'subcategories'          => $sub_categories,
                'subcategories_nb_total' => count($sub_categories),
                'subcategories_nb_half'  => ceil(count($sub_categories) / 2)
            ));
        }
    }
	
	

}

When you have this code in, delete the class_index.php cache file.

 

Then just lump the code provided by Klubas into your category.tpl file in your theme somewhere within your $subcategory loop. I've posted it here for convenience.

<ul class="sub-menu">
			{foreach from=$subcategory['subcategories'] item=subcategories}
				<li>
					<a href="{$link->getCategoryLink($subcategories.id_category, $subcategories.link_rewrite)|escape:'htmlall':'UTF-8'}">{$subcategories.name|escape:'htmlall':'UTF-8'}</a>
				</li>
			{/foreach}
		</ul>

 

Daelune, It worked perfectly!  Thank you!  Kisses to you.

[dformica]

Daelune, It worked perfectly!  Thank you!  Kisses to you.

 

This script to display all subcategories stopped working after upgrading to PHP 5.5 from 5.3

[NemoPS]

Is it spawning any error if you enable Dev mode?

[ZikmaSolutions]

Hello all, i read posts and I have same problem for my presta 1.6.1.3 (www.tech-corner.co.uk).  Can some help me how to show SUB categories in main categories? 

[dformica]

This script to display all subcategories stopped working after upgrading to PHP 5.5 from 5.3

This is no longer true, my developer must had set BO > Performance "Disable all overrides " to YES.  This was the reason why my sub-categories stopped showing.  The solution by Nemo1 and Daelune still works on my PS 1.6.0.13

[NemoPS]

There is an option for that in the back office, it was in the theme configurator I think

[Panther.software]

There is an option for that in the back office, it was in the theme configurator I think

Yes, but it's display subcategories only from one level deeper.

 

Is there a chance to display subcategories from every level?

[NemoPS]

Ah, in this case, no. You need to code some custom module, create a custom hook at the top of the category page (the file is category.tpl), then have it get all subcategories of the current one. You need to use recursion with this

$category->getSubCategories();

Like for each of the subcategories, get theirs, and so on.

[Panther.software]

Ah, in this case, no. You need to code some custom module, create a custom hook at the top of the category page (the file is category.tpl), then have it get all subcategories of the current one. You need to use recursion with this

 

$category->getSubCategories();

 

Like for each of the subcategories, get theirs, and so on.

Hello Nemo1, could you provide code to such described solutions? Can be an example

[RLdru]

If you just want a basic array of subcat, without levels, you can just use : 

$subCategories = array();

$category= new Category(Tools::getValue('id_category'));

if ($subCategories = $category->getSubCategories($this->context->language->id)) {

   foreach ($subCategories as $key => $subcat)

   {

      $subcatObj = new Category($subcat['id_category']);

      $subCategories= array_merge( $subCategories, $subcatObj->getSubCategories($this->context->language->id));

   }

}

Bonne journée