Skip to main content

Size of thumbnails on flypage

More
15 years 6 months ago #11701 by jerrico
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.

More
15 years 6 months ago #11704 by nicolas
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.

More
15 years 6 months ago #11707 by jerrico
Thank you - it is so easy once you know where to go!
Jackie

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

More
15 years 6 months ago #13001 by petermorris
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.

More
15 years 6 months ago #13009 by nicolas
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.

More
15 years 5 months ago #13027 by petermorris
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.

More
15 years 5 months ago #13030 by petermorris
Never mind. I figured it out.

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

More
15 years 5 months ago #13031 by petermorris
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.

More
15 years 5 months ago #13039 by nicolas
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.

More
15 years 5 months ago #13108 by petermorris
Great. That worked. Thanks.

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

Time to create page: 0.273 seconds
Powered by Kunena Forum