Jump to content

Category cover not showing Prestashop 1.7


Gfinfo web

Recommended Posts

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

image.thumb.png.d566e91b3eb9e0c422ba16fec386fb93.png

 

It does apear on the sub-categories:

image.thumb.png.28fdb6b8ab89e5ce5fdcd79965cbcc34.png

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?

Link to comment
Share on other sites

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 by Divine (see edit history)
Link to comment
Share on other sites

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:
image.thumb.png.60f6fc5f28bcf911e5ad4f42e61e10b6.png

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>

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...