Replace category heading text with thumbnail on the 'Sub-Category' landing page

[kamaaina]

How do I replace the 'Category heading text' with the relevant sub-category thumbnail image? See attached image for issue.

 

Please help I'm stuck and have looked everywhere for fix.

 

[kamaaina]

in category.tpl this is the code that brings up the category text heading, I need to replace it with the relevant category/sub-category thumbnail image instead of the category name.

 

{if $category->id AND $category->active}

<h1 class="page-heading{if (isset($subcategories) && !$products) || (isset($subcategories) && $products) || !isset($subcategories) && $products} product-listing{/if}">

<span class="cat-name">

{$category->name|escape:'html':'UTF-8'}{if isset($categoryNameComplement)} {$categoryNameComplement|escape:'html':'UTF-8'}{/if}

</span></h1>

[sandipchandela]

You to copy css file along with its images and will have to put if condition in category.tpl so that system will put css according to category name.

[kamaaina]

thanks - but I'm not proficient enough to do coding, any input on how to do this would be appreciated