Virtuemart Support :: Topic: How to change "Zoom Image Size" and "Zoom Area" (1/1)

Welcome, Guest

TOPIC: How to change "Zoom Image Size" and "Zoom Area"

How to change "Zoom Image Size" and "Zoom Area" 11 years 2 months ago #2528

Sebastian Wolf

Hi,

can you help me out and tell me where i can change the "Zoom Image Size" and where can iset the location of the "Zoom area".
I searched everywhere but din't find anything.

and i marked the "Description in Yellow", where do i find the Text, because i have to change this into german. German Language file is selected and works everywhere, except in the "description" bar.

Link: www.intersport-wolf.de/index.php/shop?page=shop.product_details&flypage=flexible_flypageV1_TIGHT.tpl&product_id=30&category_id=28

Attachment shop.PNG not found

Last Edit: 11 years 2 months ago by Sebastian Wolf.

The administrator has disabled public write access.

How to change "Zoom Image Size" and "Zoom Area" 11 years 2 months ago #2540

Support

Hi,

First of all, your website includes a Java Conflict, this is why the current settings are retrieved back to original.
But don't worry, i will tell you to change the zooming parameters manually, so everything will be good to go.

Open this JS file:

ROOT//components/com_virtuemart/themes/flexible_vm_theme/js/flexible-zoom.min.js

This file might look very messy at first, but it is just compressed (not encrypted).
In this file, find the last line, that says:

............... jQuery.fn.flexibleZoom.defaults={zoomWidth:"100",zoomHeight:"auto",position:"right",tint:false,tintOpacity:.5,lensOpacity:.5,softFocus:false,smoothMove:3,showTitle:true,titleOpacity:.5,adjustX:0,adjustY:0}})(jQuery)

As it might make sense now, you can change the parameters through there.
So, for instance make that last line as this:

............... jQuery.fn.flexibleZoom.defaults={zoomWidth:"250",zoomHeight:"200",position:"left",tint:false,tintOpacity:.5,lensOpacity:.5,softFocus:false,smoothMove:3,showTitle:true,titleOpacity:.5,adjustX:0,adjustY:0}})(jQuery)

The the zoom area will have 250x200 resolution, and it will be located at the left position (left of the thumbnails)
About translation of English texts. Open this PHP file:

ROOt//components/com_virtuemart/themes/flexible_vm_theme/templates/product_details/flexible_flypageV1_TIGHT.tpl.php

And then find this line:

<li class="selected"><a href="#" rel="desc"><span>Description</span></a></li>
			<li><a href="#" rel="reviews"><span>Product Reviews</span></a></li>
			<li><a href="#" rel="related"><span>Related Products</span></a></li>