Category cover not showing Prestashop 1.7

[Gfinfo web]

Hello, I am having trouble with the conver image of my categories not showing up on the categgory page:

 

It does apear on the sub-categories:

I am using a child theme of the classic theme. Prestashop 1.7.

I am afraid it migh b something studi as a button in configuration"active image" or something.

Does anyone have an idea or tip?

[Divine]

Hi, could you post a screenshot of your images formats in your back-office please ?

[Gfinfo web]

Of course here it is:

[Divine]

Ok so, to me, the problem is the fact that the format used for categories covers in Classic theme is "large_default" but on your screenshot, this format is not attributed to the categories.

So you can try to attribute this format to the categories and regenerate your images.

Edited October 25, 2024 by Divine (see edit history)

[Gfinfo web]

Thank you for the return. I tried but it did not worked it still shows no image.

I tried all of them and regenerating the images it did not worked.

 

[Divine]

Did you override the file "template >> catalog >> _partials >> category-header.tpl" in your child theme ?

[Gfinfo web]

Not that one: the child theme is the theme_1151

I also did a test, i switched themes to the classic and the category cover is working normaly. I screwup something somewere on the child-theme😅

[Divine]

Is it possible to have a link to your shop ?

[Gfinfo web]

Sorry is in localhost still.😅

[Divine]

Ok so it will be hard to help 😅

Can you post the content of the file "template >> catalog >> _partials >> category-header.tpl" of your parent Classic theme ?

[Gfinfo web]

Sorry about the taking long to post. Have being crazy around here.
Some updates, I manage to make image apear. It is just apearing in the wrong dimention:

I extended in the child theme templates\catalog\listing\category.tpl
Just extended: {extends file='parent:catalog/listing/category.tpl'}

Now my "template >> catalog >> _partials >> category-header.tpl" of my parent Classic theme Is like this:

<div id="js-product-list-header">
    {if $listing.pagination.items_shown_from == 1}
        <div class="block-category card card-block">
            <h1 class="h1">{$category.name}</h1>
            <div class="block-category-inner">
                {if $category.description}
                    <div id="category-description" class="text-muted">{$category.description nofilter}</div>                    
                {/if}
                {if !empty($category.image.large.url)}
                    <div class="category-cover">
                        <img src="{$category.image.large.url}" alt="{if !empty($category.image.legend)}{$category.image.legend}{else}{$category.name}{/if}" loading="lazy" width="141" height="180">                        
                    </div>
                {/if}
            </div>
        </div>
    {/if}
</div>