VirtueMart Product: Images size (thumbnails)

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Fri May 17, 2013 12:44 pm
Reply with quote
Report this post
Hi,
I am in trouble with the thumbnails of the product images into VirtueMart.
The thumbnails have to be always in the same size and when clicks and the lightbox appears display the original image size. But I don't know if there is a way to set the thumbnails always at the same size?
In config option (virtuemart), with the thumbnails redimension option activated, and giving a width and height for the size, it doesn't work for me, see http://tiendanueva.negre.es/iluminacion ... etail.html the thumbnails are one bigger than the other smaller although they should be at the same size? ...

I've found in the .additional-images img class (line 50 vm.css) with:50px;
Should I set an height, in example 50px for the thumbnail there to keep aspect ratio?

How can we solve this?
Any help is appreciated!

Kind regards,
Yo
User avatar
Gold Boarder

GK User
Fri May 17, 2013 1:05 pm
Reply with quote
Report this post
Hi,
yes use additional class images to set it. I see that you override this class and you set static width and height. Images wasn't same height becasue default they have height set to auto. And if you have images with diffrent dimensions you will have difrent height's.
User avatar
Gold Boarder

GK User
Fri May 17, 2013 1:08 pm
Reply with quote
Report this post
I have solved this, worked for me and will share the solution in case the users need it:
Virtuemart gives 50px width to the thumbnails of the product. But the height depends of the image.

In vm.css stylesheet (template/css folder), search for the class .additional-images img, you will see the width of the thumbnail is 50px. If you want a fixed height too add height:50px; and upload to the server.
It will display the thumbnails in 50px width and 50px height.

Kind regards,
User avatar
Gold Boarder

GK User
Wed May 22, 2013 3:19 pm
Reply with quote
Report this post
Hi, i just solved editing vm.css at line 50 (Holy Firebug :D )
Code: Select all
 .additional-images img {
    height: 50px !important;
    padding-right: 10px;
    width: 50px;
}
User avatar
Junior Boarder


cron