Size of thumbnails on flypage

  • Posts: 71
  • Thank you received: 1
13 years 8 months ago #11701

How do I change the size of the mini-thumbnails on the product page - or flypage?

wakeclothing.com/index.php/shop/product/.../category_pathway-10

The 4 thumbnails are tiny.

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

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

You need to edit your front end CSS via the interface in the config under the tab display. There you will have the code:
div#hikashop_product_left_part img.hikashop_child_image {
margin: 2px;
height: 25px;
}

You can just increase the height and that will increase the size of the small thumbnails on the product page.

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

  • Posts: 71
  • Thank you received: 1
13 years 8 months ago #11707

Thank you - it is so easy once you know where to go!
Jackie

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

  • Posts: 52
  • Thank you received: 0
13 years 7 months ago #13001

Nicolas,

Can you be more specific as to where one would find this code?

div#hikashop_product_left_part img.hikashop_child_image {
margin: 2px;
height: 25px;
}

Thanks!

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
13 years 7 months ago #13009

You will find it in your front end CSS file that you can edit via the interface in the config under the tab display : www.hikashop.com/support/documentation/5...shop-config.html#css
You can just search for "left" with your browser's search tool once you opened the file.

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

  • Posts: 52
  • Thank you received: 0
13 years 7 months ago #13027

I found it. Now, do I still need to delete the thumbnails folder via FTP to regenerate the thumbnails? By changing the CSS file alone, nothing seems to change.

Thanks!

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

  • Posts: 52
  • Thank you received: 0
13 years 7 months ago #13030

Never mind. I figured it out.

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

  • Posts: 52
  • Thank you received: 0
13 years 7 months ago #13031

Here is a related issue: With a thumbnail width of 400 pixels, there is an overlap with the price and the add-to-cart button. See www.daltonwatson.com/homepage/motoringbo...y/category_pathway-0

Can this be fixed in the CSS front end file, or is there just a limit regarding the image width?

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
13 years 7 months ago #13039

You just need to edit your CSS (in the config under the tab display) and change the code:
.hikashop_product_left_part {
text-align: center;
float: left;
width: 50%;
}

By increasing the width that will solve the problem.

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

  • Posts: 52
  • Thank you received: 0
13 years 7 months ago #13108

Great. That worked. Thanks.

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

Time to create page: 0.081 seconds
Powered by Kunena Forum