How to change thumbnail size?

  • Posts: 220
  • Thank you received: 10
1 year 3 months ago #353922

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

Attachments:
Last edit: 1 year 3 months ago by Philip.

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

  • Posts: 4747
  • Thank you received: 644
  • MODERATOR
1 year 3 months ago #353926

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: 1 year 3 months ago by Philip.

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

  • Posts: 220
  • Thank you received: 10
1 year 3 months ago #353978

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

This message contains confidential information

Attachments:

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

  • Posts: 220
  • Thank you received: 10
1 year 3 months ago #353979

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.

  • Posts: 220
  • Thank you received: 10
1 year 3 months ago #353980

How can I do that?

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

  • Posts: 4747
  • Thank you received: 644
  • MODERATOR
1 year 3 months ago #353995

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:

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

Hope this will help you to achieve your needs
Regards

Last edit: 1 year 3 months ago by Philip.

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

  • Posts: 220
  • Thank you received: 10
1 year 3 months ago #354042

Hello, made for this category:

Warning: Spoiler! [ Click to expand ]


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




This message contains confidential information

Attachments:

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

  • Posts: 4747
  • Thank you received: 644
  • MODERATOR
1 year 3 months ago #354044

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: 1 year 3 months ago by Philip.

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

  • Posts: 220
  • Thank you received: 10
1 year 3 months ago #354053

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.

  • Posts: 220
  • Thank you received: 10
1 year 3 months ago #354055

I mean here is their size:

Attachments:

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
1 year 3 months ago #354059

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.

  • Posts: 220
  • Thank you received: 10
1 year 3 months ago #354077

How to set your size for a specific product category ?

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

  • Posts: 220
  • Thank you received: 10
1 year 3 months ago #354078

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

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
1 year 3 months ago #354082

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:

.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.

  • Posts: 220
  • Thank you received: 10
1 year 3 months ago #354096

Thanks

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

  • Posts: 220
  • Thank you received: 10
1 year 3 months ago #354100

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

Attachments:
Last edit: 1 year 3 months ago by ilyaminsk.

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

  • Posts: 4747
  • Thank you received: 644
  • MODERATOR
1 year 3 months ago #354107

Hello,

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

width: 50px;

Regards

Last edit: 1 year 3 months ago by Philip.

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

Time to create page: 0.138 seconds
Powered by Kunena Forum