VirtueMart Forum

VirtueMart 2 + 3 + 4 => Frontend Modules => Topic started by: paulhazell on October 12, 2012, 15:14:30 PM

Title: Featured products image size
Post by: paulhazell on October 12, 2012, 15:14:30 PM
How can i change the size of the featured product images without affecting any other image sizes?
Title: Re: Featured products image size
Post by: Jumbo! on October 13, 2012, 12:10:41 PM
Open components/com_virtuemart/assets/css/vmsite-ltr.css
Find the following codes in line 162:
.main-image img.product-image,.featured-view .spacer img,.latest-view .spacer img,.topten-view .spacer img{max-width:100%;height:auto;width:auto;}
Add the following codes after that:
.featured-view .product .spacer img {max-width: 90px;max-height:90px;vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;}
That's it. Clear the cache of your browser and reload the page to see the result.

You can change the max-width and max-height value on the above codes as per your need.
Title: Re: Featured products image size
Post by: S. Gutierrez on February 25, 2014, 10:10:20 AM
Hi there, I'm new to Virtuemart and this forum and I'm also trying to make the images in the feature product the same size. Jumbo I appreciate your help, but the additional code seems not to be working. I work with joomla 2.5 and virtuemart 2.0 (both are on a local server for education purpose)