Hi,
First of all, you have created the topic in the wrong area.
You have puchased "PureMart" and you should have post a topic in the "PureMArt" section. Be careful next time.
About what you are asking; it is a tough and require Code editing, but yes, it is possible.
First, make sure you disabled the "Zoom Effect" functionality through "Flexilbe VM2 Template" plugin:
Attachment Pasted_Image_5_3_13_8_32_PM.gif not found
Then open this PHP file:
ROOT/templates/<yourjoomlatemplate>/html/com_virtuemart/productdetails/default.php
(default.php or flexv2.php. There are 2 different product details page layouts and you are using only one of them depends on what ever you chose from VM Configuration)
And find this Lines (between 235th - 245th)
<div class="additional-images">
<?php
// List all Images
if (count($this->product->images) > 0) {
foreach ($this->product->images as $image) {
echo '<div class="floatleft">' . $image->displayMediaThumb('class="product-image"', true, 'rel="facebox"', true, true) . '</div>'; //'class="modal"'
}
}
?>
<div class="clear"></div>
</div>
Replace them with these:
<div id="flexible-zoom-additionalImagesWrap" class="flexible-zoom-additionalImagesWrap">
<div class="flexible-zoom-additionalImages">
<ul class="additionalImagesslider" style="position: relative;overflow: hidden; height:64px;">
<?php // List all Images
$i = 0;
foreach ($this->product->images as $image) {
$ImageId = $i++;
?>
<li class="flexible-zoom-additionalImages-slide" style="height:64px; width:72px;">
<a href="<?php echo $this->product->images[$ImageId]->file_url;?>" rel="facebox"><img src="<?php echo $this->product->images[$ImageId]->file_url_thumb;?>" class="zoom-tiny-image-additional" style="max-height: 60;width: 60px;" /></a>
</li>
<?php } ?>
</ul>
</div>
<div style="cursor: pointer;" class="more-views-arrow prev"> </div>
<div style="cursor: pointer;" class="more-views-arrow next"> </div>
</div>
So, once the picture in the scroll is clicked, it will be opened in the "facebox".
Regards.