Hi,
There is no setting to set the height of the product box. That's because that height is not forced.
It's just the sum of the height of the image area plus the height of the text and buttons below.
So if you want to adjust it you can either:
- increase / reduce the height of the thumbnails in the settings of your menu item
- add / remove text / buttons based on the settings of the menu item
- add CSS code to force the height of the product box regardless of the height of the elements inside it.
Now, I can see a lot of white space between the image and the text in each product box on that page. Maybe you're asking how to reduce that white space ? That white space was actually created by two things you did:
- you've configured the thumbnails of your menu item to be 300*400 px.
- However, since you're template has a small width and a sidebar, the products listing only has space for images with a width of 300px. So the thumbnails were going over their product page. To avoid that, you've added that custom CSS:
.thumbnail div.hikashop_product_image_subdiv {
width: 100% !important;
}
in the file
framemaker.dk/media/com_hikashop/css/style_custom.css
to force the thumbnails to fit to the width of the product box. This in turns reduced the height of the image to a bit more than 200px. However, on the div with the class hikashop_product_image, there is still a height of 300px applied based on the settings of your menu item.
So to avoid that, you could simply reduce a bit the size of the thumbnails in the settings of your menu item, and / or add more custom CSS:
.thumbnail div.hikashop_product_image {
height: auto !important;
}
to your
framemaker.dk/media/com_hikashop/css/style_custom.css
file.