Virtuemart Support :: Topic: The height of product thumbnails exceed the height (1/1)

Welcome, Guest

Use this Category for your support questions about Virtuemart Template - MaterialMart (SKU# FLEX-00020)

TOPIC: The height of product thumbnails exceed the height

The height of product thumbnails exceed the height 5 years 6 months ago #15692

THIAM Moustapha	The height of product thumbnails exceed the height of the page: The height of the vignettes of the products is too important. Thumbnails occupy more than the height of a page. Question: How to reduce the height of thumbnails produced? Attachments: produit.jpg (221KB)
	The administrator has disabled public write access.

The height of product thumbnails exceed the height 5 years 6 months ago #15706

Support

Hi, that is an interesting case. Because we limit the product pictures by max-width and let picture get auto-height.. Since your pictures are so tall, when it reaches to max-width: 100% (within the box) the height becomes extremely large.

You can easily fix this issue by adding a simple CSS rule to limit the max-height.

So, open this CSS file:
ROOT/templates/YOUR_TEMPLATE/html/com_virtuemart/assets/css/flexible.css

scroll to the very bottom and insert these CSS lines:

/* For category pictures */
.flexCard-image img,
.flexibleContainer img.responsive-img {  
    display: block;
    width: auto !important;
    max-width: 100%;
    margin: 0 auto;
    max-height: 300px;
}
 
/* For additional image thumbnails on product details page */
.additionalImagesslider img {
    max-height: 100px;
}
 
/* Cart page, thmbnails in the cart-list */
.cartLeft img {
    max-height: 150px;
}