Image shown in thumbnail only in Category Cover Image

[[email protected]]

Hello
The image appears in thumbnail form only when added to Category Cover Image
I want to display it as shown in the image
Is there any help?

I use the classic theme
version 8.1.7

[Prestashop Addict]

Hi, you need to change image dimensions for category (BO Images settings), upload new image for each category, or if already just regenerate images for categories, and also change the category template

Edited September 26 by Prestashop Addict (see edit history)

[[email protected]]

The image dimensions are 870 x 217 pixels and yet they appear like this, why?

[Prestashop Addict]

Did you regenerate images ? If so clear your browser cache

[rictools]

Else a link to the shop page could help.

[Henry Wayne]

3 hours ago, [email protected] said:

Hello
The image appears in thumbnail form only when added to Category Cover Image
I want to display it as shown in the image
Is there any help?

I use the classic theme
version 8.1.7

Hello,

I've encountered this issue before while working with various themes on platforms like the one you're using. As a developer at Nerdpapers, I know how frustrating it can be when the cover image only shows up as a thumbnail. It's usually a matter of adjusting some settings or tweaking the CSS to allow the image to display fully. Here's what I would recommend from my experience:

Explore Theme Settings: In my experience, themes sometimes default to showing images as thumbnails, especially in category cover images. Check if there's an option in your theme's settings to adjust the size or display style of the cover image.

Custom CSS Fix: If there's no built-in option, what I've often done is dive into the CSS and customize it. You can override the theme's CSS to change how the image is displayed. For example, adding something like:

css

Copy code

.category-cover-image { width: 100%; /* Set this to display the image full width */ height: auto; /* Keep the image proportions intact */ }

This approach works well when you're trying to maintain the full size of the image instead of letting it get cropped into a thumbnail.

Check Template Files: Depending on how your platform is structured, there may be a template file that controls how these images are rendered. I've found that tweaking those files can help if CSS adjustments don't quite get you the result you need.

Ensure Image Resolution: Make sure the image you're using has a high enough resolution. Low-resolution images tend to be forced into smaller sizes like thumbnails.

Let me know how it goes! If you run into any issues, feel free to reach out, and I'll be happy to help troubleshoot further.

Best, Hery Wanye Academic Writer & Developer at Nerdpapers

[[email protected]]

https://arducode.com/11-ardunio

I do clear my browser cache and Back Office clear cache 

The image dimensions are 870 x 217 pixels and yet they appear like this, why?

[rictools]

That's the image: https://arducode.com/c/11-category_default/ardunio.jpg, there's something wrong with your image settings or it's old from your cache (delete all files in var/cache).

[[email protected]]

How do it, sorry I am a beginner

Edited September 26 by [email protected] (see edit history)

[Nickz]

nothing is wrong with the image, its plainly too small. Check the dimensions. 

[[email protected]]

Do you mean that? 

[Nickz]

1 minute ago, [email protected] said:

Do you mean that? 

nope, you go to the page you placed as category page and with a right handed click you open the category image. There you see its size.

 

[[email protected]]

Notice the clear difference between the dimensions of the original image and the image that appears. Why it is reduced I do not know, where is the error?

[[email protected]]

Notice the clear difference between the dimensions of the original image and the image that appears. Why it is reduced I do not know, where is the error?

[Prestashop Addict]

Change image size to category and regenerate category images

[Nickz]

with and height is limited. look at the tags, 141 and 180px. Lazy Loading is anyway a bad idea. 

[rictools]

You could show us your image settings.

vor 1 Stunde schrieb Nickz:

nothing is wrong with the image, its plainly too small. Check the dimensions. 

I did not write that there's something wrong with the image but that there's something wrong with the image settings (or the images need to be generated or the small picture comes from the cache).

[[email protected]]

1 hour ago, Nickz said:

with and height is limited. look at the tags, 141 and 180px. Lazy Loading is anyway a bad idea. 

As if the maximum width is 181, I will try to modify the theme file and let you know

[rictools]

? - The problem is not the theme but the image, did you follow my link https://arducode.com/c/11-category_default/ardunio.jpg ? As you can see, the picture is upright with a white area at the top and bottom!

[Nickz]

38 minutes ago, rictools said:

I did not write that there's something wrong with the image but that there's something wrong with the image settings

and I did not even quote you my friend

[[email protected]]

My friends, what I mentioned is that the image cannot be more than 181 pixels wide, and I want it to be more than that. 

[Nickz]

1 minute ago, [email protected] said:

I mentioned is that the image cannot be more than 181 pixels wide, and I want it to be more than that. 

don't use lazy loading. Host images on the same place (location) the shop is hosted on.
If cloud move to a VPS. I suggest you arm your shop locally first.

If  you own a shop at one point you need to be able to pay for technical assistance. That is the way Shops grow.
Most shops don't go that way, they prefer a nice vacation, a better car and such, then competition sets in and there is no money left.  

[rictools]

vor 2 Stunden schrieb [email protected]:

My friends, what I mentioned is that the image cannot be more than 181 pixels wide, and I want it to be more than that. 

What makes you think that? If the image has the correct dimensions, it will be displayed correctly.

Please show this settings page:

[[email protected]]

2 hours ago, rictools said:

Thank you very much, this is what I was looking for. Thank you all.