Per chi dovesse servire :
Ho risolto qui spiegano https://mypresta.eu/prestashop-17/display-available-subcategories.html come fare la modifica al file category.tpl ed aggiungendo questo codice , le dimensioni delle immagini " width="100" height="100" " le ho aggiunte io perche' nella versione mobile le scritte si sovrapponevano alle immagini :
{if isset($subcategories)}
<!-- Subcategories -->
<div id="subcategories">
<p class="subcategory-heading">{l s=''}</p>
<ul class="clearfix">
{foreach from=$subcategories item=subcategory}
<li>
<div class="subcategory-image">
<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}" title="{$subcategory.name|escape:'html':'UTF-8'}" class="img">
{if $subcategory.id_image}
<img src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'category_default')|escape:'html':'UTF-8'}" alt="{$subcategory.name|escape:'html':'UTF-8'}" width="100" height="100" class="replace-2x"/>
{else}
<img class="replace-2x" src="{$img_cat_dir}{$lang_iso}-default-category_default.jpg" alt="{$subcategory.name|escape:'html':'UTF-8'}"/>
{/if}
</a>
</div>
<h5><a class="subcategory-name" href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}">{$subcategory.name|truncate:35:'...'|escape:'html':'UTF-8'}</a></h5>
</li>
{/foreach}
</ul>
</div>
{/if}
e alla fine cliccando sulla categoria "padre" compaiono sotto le categorie figlie che sono cliccabili come da immagine allegata .
