Change the size of the products' thumbnails

  • Posts: 5
  • Thank you received: 0
13 years 3 weeks ago #29062

Hello,

I would like to change the product's thumbnail in the product page.
I have followed the instructions provided in the documentation and added the following code in the Front-end CSS File:

.hikashop_product_main_image_thumb img{width: 130px !important; height: 235px !important;}

Once done I deleted all of the files in the media/com_hikashop/upload/thumbnail. I was expecting that new thumbnails will be created but for some reason the old ones appeared with bigger size and quite blury (normal due to the changed size and the old resolution) :blink:

I have checked once again the media/com_hikashop/upload/ folder and found many others sub-folders like:

thumbnail_60x100
thumbnail_80x100
thumbnail_90x100

I supposed the issue was related to those folders so I deleted them. Unfortunately mu issue occurs :(

Please help me fix that! I am not sure if the issue is coming from the code I inserted in the CSS file or the fact I have done something wrong while manipulating the thumbnails' folders!

Thank you in advance!!

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

  • Posts: 82906
  • Thank you received: 13378
  • MODERATOR
13 years 3 weeks ago #29079

Hi,

If you want to change the size of thumbnails on the product page you can just change the option "thumbnail height" and "thumbnail width" on the Files tab of the configuration. If you have listings of products, you will also want to set the same options in the hikashop options of the menus/modules you created to display the listings as they will otherwise also use these configuration options.

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

  • Posts: 5
  • Thank you received: 0
13 years 3 weeks ago #29159

Hello,

I would like to keep the size of the listing and only change the size of the selected product's thumbnail (in the product's page).
I am frustrated about the fact that after inserting the code and deleting the files in the thumbnail folder all I have as result is new bigger size of the image but with the old low quality resolution.....

Is there something I am missing?

Thank you in advance!

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

  • Posts: 82906
  • Thank you received: 13378
  • MODERATOR
13 years 3 weeks ago #29166

Yes. Please reread my previous message.
If you don't set an image width/height in your listings' options, they will use the same options that you set for the image in the product page.
Thus, you need to edit your menu/module's hikashop options and set the width/height you want for your thumbnails on your listings.

There is no CSS code change to do anymore. That was for previous versions of HikaShop and we removed that piece from the documentation as it is not relevant anymore.

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

  • Posts: 5
  • Thank you received: 0
13 years 3 weeks ago #29190

Hi Nicolas,

Thank you for your feedback and support!
Issue resolved :)

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

Time to create page: 0.058 seconds
Powered by Kunena Forum