Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Virtuemart Template - FlexibleMart (SKU# FLEX-00007)

TOPIC: Remove zoom effect on productdetail images

Remove zoom effect on productdetail images 8 years 11 months ago #12519

It's been asked before but there was only an answer for Cleanmart and the plugin version.

The version I'm using of flexiblemart might be older, it's not a full template and only has files under /html/com_virtuemart
The assets/css file is named flexibleVM2Global so I assume it's FlexibleMart.

There's no flex plugin to manage the settings.

So how do I get rid of the zoom effect and revert back to a just a popup when clicking images? Or is there an extension you know of that will automatically overrule this one?

Thanks.
The topic has been locked.

Remove zoom effect on productdetail images 8 years 11 months ago #12554

Hi,

If you have little coding experience, it is not a challenging thing to handle. You can easily get back to original VM state (lightbox for product details page)

Open this PHP file:
/templates/YOUR_TEMPLATE/html/com_virtuemart/productdetails/default.php

Find the DIV element that wraps the product pictures and additional product pictures,
(i.e: it starts with <div class="main-image">) and delete the whole DIV. Instead, insert this code snippet:
<?php echo $this->loadTemplate('images'); ?>

this should be the patch you are looking for.

regards.
The topic has been locked.

Remove zoom effect on productdetail images 8 years 11 months ago #12571

Thanks that worked. The default VM version of images seemed to be a big mess (a huge image instead of a clickable thumbnail) but I managed to fix all that under default_images.php
The topic has been locked.

Remove zoom effect on productdetail images 8 years 11 months ago #12584

If i understand you correctly; what you are saying can be fixed with a simple CSS rule, something like:
.ParentProductImageClassGoesHere {
   max-width:100%;
/* or with a fixed value. ie: max-width:200px; */
}

so the picture won't be too big. It is always better to do customizations via CSS.

But it is good to hear you've already figured that out.

case solved. topic is closed.

regards.
Last Edit: 8 years 11 months ago by Support.
The topic has been locked.
Time to create page: 0.098 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