Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Virtuemart Zoom Effect(SKU# FLEX-00005)

TOPIC: Preserving aspect ratio of images

Preserving aspect ratio of images 10 years 1 month ago #9088

Hi, we are using this software on our website.
I notice that when we upload images and the software resizes to create thumbnails that the images that the software resizes do not maintain the aspect ratio, so they look squashed or stretched.

Is it possible to preserve the aspect ratio.
For an example please see
www.decur.co.uk/upholstered-headboards/headboards/page-1-36?Finish=Linen&Type=Upholstered&ptid=13

Note the image of the first headboard. The diamond patterns in the upholstery is stretched wider and looks wrong.
If you click into the product the image again is wrong. If you then hover over the image and inspect it you will see the button upholstery is the correct pattern and the image is fine.

How can we maintain the aspect ratio so the images do not distort?

Many thanks
The administrator has disabled public write access.

Preserving aspect ratio of images 10 years 1 month ago #9096

Hi,

Normally, we don't provide free support if the problem is not caused by our extensions. FYI: our Zoom Effect has absolutely no effect in category browse page.

But your case is relatively easy to resolve. So here is what you need to do.

That scratching is caused by defining fixed sizes for product pictures (through CSS). Defining fixed sizing through CSS is so dangerous and eventually you will end up with screeched pictures, like you are having.


Attachment Pasted_Image_3_18_14__3_16_PM.png not found



To eliminate the effect of that CSS rule (no need to remove it)

Open this CSS file:
www.decur.co.uk/templates/catalogue/css/layout.css

Scroll to the bottom and include this rule:
.browse-view img.browseProductImage { height:auto!important; max-width:100% !important; width:auto!important;} 
.browse-view .row .product .width70 { margin-top:5px !important;}

everything will look much better.

if you like Zoom Effect and satisfied with the support you have received, please "write a review" on:
www.flexiblewebdesign.com/Virtuemart-Modules/Virtuemart-Zoom-Effect-Plugin

Rate Zoom Effect and write a couple of sentences to share your experience with the support team.
It won't take more than 2 minutes from you but it is extremely important for us.

Thanks in advance!

Regards,
Support
Last Edit: 10 years 1 month ago by Support.
The administrator has disabled public write access.
Time to create page: 0.065 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo