Image size on a product page - Virtuemart

Hello,

If a product has an image for exemple 600x400 px, when I go on a product detail (not in a category), the image has the same size.

It is too large...

Is it possible on a product detail to have a fixes size image. For exemple 300x200 px for all images in virtuemart products details, even if the original size is 600x400 px ? A clic on the image allow to enlarge it with a pop-up.

Thanks a lot

Best regards

Jérôme

Hi

I believe it is, but You will most probably have to look for some kind of a plugin capable of doing that. Sorry, but this template doesn't have such option included.

Hi,

Thanks for your response.

As I am french, my english is bad, so I have attached pictures to explain my problem:

- ProblemSize.jpg = to show the size to big of my product picture

ProblemSize.jpg

- GoodSize.jpg = the size I wich to have in my Virtuemart shop

GoodSize.jpg

In resume I juste want to reduce the size of my pictures in product detail.

Isn't it possible to define a standard size for pictures (it is possible for the vignette in category view...) ?

Thanks a lot and have a nice day.

Regards,

Jérôme

Hi

Images are using as much space as they have. So if we will reduce the space available image will resize. Please tell me the url to an example of product page on Your site.

Hi,

My web site is not on line at the moment, but i can also send you passeword to access to it ?

Best regards,

Jérôme

Hi

Yes please send me an url along with the user and pass to enter it.

NATIVEE
Mon Apr 20, 2015 9:05 pm
Reply with quote
Report this post
Delete post
Edit post

Hi

Ok I sent you (Private message) a user and password to connect to my website.

Regards,

Jérôme

Hi

To make the image bigger add this to override.css and make sure override is activated in template settings:

Code: Select all

.productDetails .main-image img {
    width: 100%;
}

.productdetails-view .productDetails > div {
    width: 38%;
}

.productdetails-view .productDetails > div:first-child {
    width: 60%;
}