sub category menu page

[Marcel]

Hello,

Im fairly new to PS after years of working with Zencart and now im struggeling my way through the forrest of new things and learning every day.

One thing i cannot find out and maybe there is someone who can tell me how, or give pointer to a solution for the following:

 

When I click on a menu title in the horizontal menu on top of the page, a new page opens with the selected category, a horizontal menu with sub categories and sub-sub categories on the left side and product images on the right hand side.

So far so good however I want to have the images of the catogories shown to select instead of product images. ( see picture)

This untill we are ar the end of the sub categories where only products are availible to be displayed and then the will be displayed at the right side.

 

Is that something  to enable in the admin menu or some what more difficult?

In Zencart, it an easy thing to setup so must be the same in PS i guess.

 

Someone here who can give me advise?

 

Marcel

 

Edited July 18, 2018 by Marcel
Additional information added (see edit history)

[ican]

You have to change in tpl file of category page.

[Marcel]

Hello ican,

Thanks for taking the time to help me out.

As I said I'm pretty new in PS , how, where and what do I need to change_

 

 

[ican]

<div class="block-categories hidden-sm-down">
  <ul class="category-top-menu">
    <li><a class="text-uppercase h6" href="{$categories.link nofilter}">{$categories.name}</a></li>
    <li>{categories nodes=$categories.children}</li>
  </ul>
</div>

 

you have to put this code in tpl file of category page.

[Marcel]

I have try it on all the category.tpl (3) I could find but without success.

Ofcourse I cleared the cash every time, as that have tricked me before.

Do you have any idea what to do?

 

 

[ican]

Can you share your url here?

 

[Marcel]

No, I'm on a local machine, I do't have the site live yet.

 

[Marcel]

ICAN,

 

This is what I have in the category.tpl in /templates/catalog/listing.

Is that the file to change?

 

{extends file='catalog/listing/product-list.tpl'}
{block name='banner_categories'}
 
{/block}
{block name='product_list_header'}
                 {*
                   {if isset($category) && $category.image.large.url}
                       <div class="bn-top ">
                <div class="container_img_bread has-img ">
                        {include file='_partials/breadcrumb.tpl'}
                        <div class="category-cover">
                          <img src="{$category.image.large.url}" alt="{$category.image.legend}">
                        </div>
                            {else}
                        <div class="container_img_bread no-img ">
                         {hook h="blockPosition8"}
                         {include file='_partials/breadcrumb.tpl'}
                         </div>
                                </div>
                           </div>                        
                    {/if}*}
        {if $category.description}
            <h1 class="category_h1">{$category.name}</h1>
            <div id="category-description" class="text-muted">{$category.description nofilter}</div>
        {/if}
  
      
{/block}

[ican]

On 7/24/2018 at 10:08 AM, Marcel said:

ICAN,

 

This is what I have in the category.tpl in /templates/catalog/listing.

Is that the file to change?

 

{extends file='catalog/listing/product-list.tpl'}
{block name='banner_categories'}
 
{/block}
{block name='product_list_header'}
                 {*
                   {if isset($category) && $category.image.large.url}
                       <div class="bn-top ">
                <div class="container_img_bread has-img ">
                        {include file='_partials/breadcrumb.tpl'}
                        <div class="category-cover">
                          <img src="{$category.image.large.url}" alt="{$category.image.legend}">
                        </div>
                            {else}
                        <div class="container_img_bread no-img ">
                         {hook h="blockPosition8"}
                         {include file='_partials/breadcrumb.tpl'}
                         </div>
                                </div>
                           </div>                        
                    {/if}*}
        {if $category.description}
            <h1 class="category_h1">{$category.name}</h1>
            <div id="category-description" class="text-muted">{$category.description nofilter}</div>
        {/if}
  
      
{/block}

 

put below code whrere you want to add.

 

<div class="block-categories hidden-sm-down">
  <ul class="category-top-menu">
    <li><a class="text-uppercase h6" href="{$categories.link nofilter}">{$categories.name}</a></li>
    <li>{categories nodes=$categories.children}</li>
  </ul>
</div>
 

[Marcel]

This is not working, I have put the code just before {/BLOCK}.

When I try to load the category page I get "HTTP ERROR 500" 

Maybe has something to do with the theme?