Product Page - Main Image ?

  • Posts: 3
  • Thank you received: 0
13 years 8 months ago #10745

I need to edit Hika Shop so my product page looks like that pictures below.
From older topics I figure out how to change thumb size(that smaller bellow main), but I didn't and don't understand what to do so my main image is close to that size below.
Please Help :blush:

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
13 years 8 months ago #10746

You need to change the thumbnails size in the config under the tab files. After that, you will have to delete the thumbnails folder in the folder media/com_hikashop/upload via FTP.
That will change all the thumbnails' size. If you want other thumbnails to be smaller (like on the listing of products, you can use CSS to make the image smaller.

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

  • Posts: 3
  • Thank you received: 0
13 years 8 months ago #10754

I've done what you said to me and it worked with product page,but on category page picture stretched all over the place when I put thumb to 300px ??? :woohoo:

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
13 years 8 months ago #10758

Yes. That's what I said would happen. I also said that you need to use CSS to reduce the size of these:
www.hikashop.com/en/support/forum/4-how-...duct-page.html#10151

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

  • Posts: 3
  • Thank you received: 0
13 years 8 months ago #10790

Sorry for being noob but I don't know where to put this code

For listings of products: .hikashop_product_image img {width: XXXpx !important; height: YYYpx !important;

frontend_default??
where in there??

I tried to put it there on many places,but still same thing,category is too big,like on picture below

i53.tinypic.com/k36iya.png

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
13 years 8 months ago #10795

You need to put it in the front end CSS (in the config under the tab display). When you edit it, it should put the modifications in frontend_custom.css
You can put it directly at the top.
Also, you need to replace XXX and YYY by the number of pixels you want for the width and height and don't forget to refresh your browser's cache as the previous version of the CSS file might be used if you don't and you won't see the modification.

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

Time to create page: 0.073 seconds
Powered by Kunena Forum