How to change thumbnail size?

ilyaminsk
Topic Author
Offline

3 years 1 month ago - 3 years 1 month ago #353922 by ilyaminsk

How to change thumbnail size? was created by ilyaminsk

Hello. How to change thumbnail size? I change the size in the general settings and nothing changes after clearing the cache.

ilsanmarket.by/katalog/laminat/product/l...fer-ceryj-56016.html

Is it possible to change the thumbnail for each section? There is no such possibility in the menu item. I also noticed that if I have the image size set in the menu item, for some reason the size from the general configurations is used.

[MODERATOR :]
Please don't edit your messages long after posting them, it disrupts our ticketing service, and lengthens response times for everyone including you.
thank you for your understanding

Last edit: 3 years 1 month ago by Philip.

Please Log in or Create an account to join the conversation.

Philip
Offline

3 years 1 month ago - 3 years 1 month ago #353926 by Philip

Replied by Philip on topic How to change thumbnail size?

Hello,

First, I'm sorry but for me there is something contradictory in your message, hence my help may only be partial because it somewhat blurs our vision of your problem.
"the general settings and nothing changes after clearing the cache" and "from the general configurations is used"...

But that being said, the things that can possibly disturb in addition to the cache the size of these settings relating to thumbnails are also the Css.
- From your template
- Custom CSS

Can you be more specific in your issue description? And also, you can check that you edit the correct item menu

Regards

Last edit: 3 years 1 month ago by Philip.

Please Log in or Create an account to join the conversation.

ilyaminsk
Topic Author
Offline

3 years 1 month ago #353978 by ilyaminsk

Replied by ilyaminsk on topic How to change thumbnail size?

Hello. In the screenshots, I correctly displayed what the general settings look like. As well as menu item settings.

Today in the general settings I changed the size of the thumbnails. Is it possible to somehow set a custom thumbnail size for each product category?

Menu item settings:

This message contains confidential information

Please Log in or Create an account to join the conversation.

ilyaminsk
Topic Author
Offline

3 years 1 month ago #353979 by ilyaminsk

Replied by ilyaminsk on topic How to change thumbnail size?

I need to be able to manually set the thumbnail size for a product card of a certain category

Please Log in or Create an account to join the conversation.

ilyaminsk
Topic Author
Offline

3 years 1 month ago #353980 by ilyaminsk

Replied by ilyaminsk on topic How to change thumbnail size?

How can I do that?

Please Log in or Create an account to join the conversation.

Philip
Offline

3 years 1 month ago - 3 years 1 month ago #353995 by Philip

Replied by Philip on topic How to change thumbnail size?

Hello,

If you add some custom Css with a specific selector that will leads your custom commands to be applied only on your specific category id.
Step by step :
1. Learn how to process, here
2. Point around your title category listing, then right-click => inspect
=> A new window will open, showing your the Html look for your category id listing
Example : "hikashop_category_listing_13"
3. Build your custom Css command that will select image relative to your category id:

Code:

hikashop_category_listing_13 img {
    width: 100px; // Or 120px etc...
}

Hope this will help you to achieve your needs
Regards

Last edit: 3 years 1 month ago by Philip.

Please Log in or Create an account to join the conversation.

ilyaminsk
Topic Author
Offline

3 years 1 month ago #354042 by ilyaminsk

Replied by ilyaminsk on topic How to change thumbnail size?

Hello, made for this category:

Warning: Spoiler!

But for some reason the miniatures remained the same as before.

This message contains confidential information

Please Log in or Create an account to join the conversation.

Philip
Offline

3 years 1 month ago - 3 years 1 month ago #354044 by Philip

Replied by Philip on topic How to change thumbnail size?

Hello,

It's because your are in your product page (and not a listing page) , and Don't process the html analyse via your browser inspector tool :

Regards

Last edit: 3 years 1 month ago by Philip.

Please Log in or Create an account to join the conversation.

ilyaminsk
Topic Author
Offline

3 years 1 month ago #354053 by ilyaminsk

Replied by ilyaminsk on topic How to change thumbnail size?

Hello. I don't quite understand you. I need to change the thumbnails in the product card, as I showed in the picture, so that they change for all products of this category.

Please Log in or Create an account to join the conversation.

ilyaminsk
Topic Author
Offline

3 years 1 month ago #354055 by ilyaminsk

Replied by ilyaminsk on topic How to change thumbnail size?

I mean here is their size:

Please Log in or Create an account to join the conversation.

nicolas
Away

3 years 1 month ago #354059 by nicolas

Replied by nicolas on topic How to change thumbnail size?

Hi,

To change the size of the thumbnails on the product page, you need to add a bit of CSS code as explained here:
www.hikashop.com/support/documentation/8...ling.html#thumbnails

Please Log in or Create an account to join the conversation.

ilyaminsk
Topic Author
Offline

3 years 1 month ago #354077 by ilyaminsk

Replied by ilyaminsk on topic How to change thumbnail size?

How to set your size for a specific product category ?

Please Log in or Create an account to join the conversation.

ilyaminsk
Topic Author
Offline

3 years 1 month ago #354078 by ilyaminsk

Replied by ilyaminsk on topic How to change thumbnail size?

I don't need to change everything, I only need for certain categories

Please Log in or Create an account to join the conversation.

nicolas
Away

3 years 1 month ago #354082 by nicolas

Replied by nicolas on topic How to change thumbnail size?

Hi,

You can still do it with CSS.
For example, if you only want to change the size of the thumbnails for the products linked to the category with the id 88, you can add such CSS:

Code:

.hikashop_product_of_category_88 img.hikashop_child_image {
height : 50px !important;
}

The following user(s) said Thank You: ilyaminsk

Please Log in or Create an account to join the conversation.

ilyaminsk
Topic Author
Offline

3 years 1 month ago #354096 by ilyaminsk

Replied by ilyaminsk on topic How to change thumbnail size?

Thanks

Please Log in or Create an account to join the conversation.

ilyaminsk
Topic Author
Offline

3 years 1 month ago - 3 years 1 month ago #354100 by ilyaminsk

Replied by ilyaminsk on topic How to change thumbnail size?

In the mobile version, for some reason, they are elongated and not square

Last edit: 3 years 1 month ago by ilyaminsk.

Please Log in or Create an account to join the conversation.

Philip
Offline

3 years 1 month ago - 3 years 1 month ago #354107 by Philip

Replied by Philip on topic How to change thumbnail size?

Hello,

You need to use a width command like you do for your height.

Code:

width: 50px;

Regards

Last edit: 3 years 1 month ago by Philip.

Please Log in or Create an account to join the conversation.

Time to create page: 0.393 seconds