AJAX_ZOOM - Version 1.0.3

Version Notes

Sorted options according to documentation; few bugfixes; new options;

Download this release

Release Info

Developer AJAX-ZOOM
Extension AJAX_ZOOM
Version 1.0.3
Comparing to
See all releases


Code changes from version 1.0.2 to 1.0.3

app/code/local/Ax/Zoom/Block/Adminhtml/System/Config/Fieldset/License.php CHANGED
@@ -3,9 +3,9 @@
3
  * Module: jQuery AJAX-ZOOM for Magento, /app/code/local/Ax/Zoom/Block/Adminhtml/System/Config/Fieldset/License.php
4
  * Copyright: Copyright (c) 2010-2015 Vadim Jacobi
5
  * License Agreement: http://www.ajax-zoom.com/index.php?cid=download
6
- * Version: 1.0.0
7
- * Date: 2015-09-08
8
- * Review: 2015-09-08
9
  * URL: http://www.ajax-zoom.com
10
  * Documentation: http://www.ajax-zoom.com/index.php?cid=modules&module=magento
11
  *
@@ -20,27 +20,26 @@ class Ax_Zoom_Block_Adminhtml_System_Config_Fieldset_License extends Mage_Adminh
20
  {
21
  $this->addColumn('domain', array(
22
  'label' => Mage::helper('axzoom')->__('Domain'),
23
- 'style' => 'width:100px',
24
  ));
25
  $this->addColumn('type', array(
26
  'label' => Mage::helper('axzoom')->__('License Type'),
27
- 'style' => 'width:100px',
28
  'renderer' => 'bla'
29
  ));
30
 
31
  $this->addColumn('license', array(
32
  'label' => Mage::helper('axzoom')->__('License Key'),
33
- 'style' => 'width:100px',
34
  ));
35
 
36
  $this->addColumn('error200', array(
37
  'label' => Mage::helper('axzoom')->__('Error200'),
38
- 'style' => 'width:100px',
39
  ));
40
 
41
  $this->addColumn('error300', array(
42
  'label' => Mage::helper('axzoom')->__('Error300'),
43
- 'style' => 'width:100px',
44
  ));
45
 
46
  $this->_addAfter = false;
3
  * Module: jQuery AJAX-ZOOM for Magento, /app/code/local/Ax/Zoom/Block/Adminhtml/System/Config/Fieldset/License.php
4
  * Copyright: Copyright (c) 2010-2015 Vadim Jacobi
5
  * License Agreement: http://www.ajax-zoom.com/index.php?cid=download
6
+ * Version: 1.0.3
7
+ * Date: 2015-10-09
8
+ * Review: 2015-10-09
9
  * URL: http://www.ajax-zoom.com
10
  * Documentation: http://www.ajax-zoom.com/index.php?cid=modules&module=magento
11
  *
20
  {
21
  $this->addColumn('domain', array(
22
  'label' => Mage::helper('axzoom')->__('Domain'),
23
+ 'style' => 'width:200px'
24
  ));
25
  $this->addColumn('type', array(
26
  'label' => Mage::helper('axzoom')->__('License Type'),
 
27
  'renderer' => 'bla'
28
  ));
29
 
30
  $this->addColumn('license', array(
31
  'label' => Mage::helper('axzoom')->__('License Key'),
32
+ 'style' => 'width:200px'
33
  ));
34
 
35
  $this->addColumn('error200', array(
36
  'label' => Mage::helper('axzoom')->__('Error200'),
37
+ 'style' => 'width:100px'
38
  ));
39
 
40
  $this->addColumn('error300', array(
41
  'label' => Mage::helper('axzoom')->__('Error300'),
42
+ 'style' => 'width:100px'
43
  ));
44
 
45
  $this->_addAfter = false;
app/code/local/Ax/Zoom/Block/Adminhtml/Tabs/Tabid.php CHANGED
@@ -37,7 +37,7 @@ class Ax_Zoom_Block_Adminhtml_Tabs_Tabid extends Mage_Adminhtml_Block_Widget
37
 
38
  if ($handle = opendir($baseDir . '/js/axzoom/zip/')) {
39
  while (false !== ($entry = readdir($handle))) {
40
- if ($entry != '.' && $entry != '..' && strtolower(substr($entry, -3)) == 'zip') {
41
  array_push($files, $entry);
42
  }
43
  }
37
 
38
  if ($handle = opendir($baseDir . '/js/axzoom/zip/')) {
39
  while (false !== ($entry = readdir($handle))) {
40
+ if ($entry != '.' && $entry != '..' && (strtolower(substr($entry, -3)) == 'zip' || is_dir($baseDir . '/js/axzoom/zip/' . $entry)) ) {
41
  array_push($files, $entry);
42
  }
43
  }
app/code/local/Ax/Zoom/Model/Galleryposition.php ADDED
@@ -0,0 +1,29 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Module: jQuery AJAX-ZOOM for Magento, /app/code/local/Ax/Zoom/Model/Galleryposition.php
4
+ * Copyright: Copyright (c) 2010-2015 Vadim Jacobi
5
+ * License Agreement: http://www.ajax-zoom.com/index.php?cid=download
6
+ * Version: 1.0.3
7
+ * Date: 2015-10-09
8
+ * Review: 2015-10-09
9
+ * URL: http://www.ajax-zoom.com
10
+ * Documentation: http://www.ajax-zoom.com/index.php?cid=modules&module=magento
11
+ *
12
+ * @author AJAX-ZOOM <support@ajax-zoom.com>
13
+ * @copyright 2010-2015 AJAX-ZOOM, Vadim Jacobi
14
+ * @license http://www.ajax-zoom.com/index.php?cid=download
15
+ */
16
+
17
+ class Ax_Zoom_Model_Galleryposition
18
+ {
19
+ public function toOptionArray()
20
+ {
21
+ return array(
22
+ array('value'=>'top', 'label'=>Mage::helper('axzoom')->__('top')),
23
+ array('value'=>'right', 'label'=>Mage::helper('axzoom')->__('right')),
24
+ array('value'=>'bottom', 'label'=>Mage::helper('axzoom')->__('bottom')),
25
+ array('value'=>'left', 'label'=>Mage::helper('axzoom')->__('left'))
26
+ );
27
+ }
28
+
29
+ }
app/code/local/Ax/Zoom/controllers/IndexController.php CHANGED
@@ -164,6 +164,7 @@ class Ax_Zoom_IndexController extends Mage_Core_Controller_Front_Action
164
  $name = $get->getParam('name');
165
  $existing = $get->getParam('existing');
166
  $zip = $get->getParam('zip');
 
167
  $arcfile = $get->getParam('arcfile');
168
  $newId = '';
169
  $newName = '';
@@ -190,7 +191,7 @@ class Ax_Zoom_IndexController extends Mage_Core_Controller_Front_Action
190
  $sets = array();
191
 
192
  if ($zip == 'true') {
193
- $sets = $this->addImagesArc($arcfile, $productId, $id360, $id360set);
194
  }
195
 
196
  die(Mage::helper('core')->jsonEncode(array(
@@ -209,7 +210,7 @@ class Ax_Zoom_IndexController extends Mage_Core_Controller_Front_Action
209
  }
210
 
211
 
212
- public function addImagesArc($arcfile, $productId, $id360, $id360set)
213
  {
214
  set_time_limit(0);
215
 
@@ -217,7 +218,8 @@ class Ax_Zoom_IndexController extends Mage_Core_Controller_Front_Action
217
  $baseUrlJs = Mage::getBaseUrl('js');
218
 
219
  $path = $baseDir . '/js/axzoom/zip/' . $arcfile;
220
- $dst = $this->extractArc($path);
 
221
  $data = $this->getFolderData($dst);
222
 
223
  $name = Mage::getModel('axzoom/ax360')->load($id360)->getName();
@@ -248,7 +250,20 @@ class Ax_Zoom_IndexController extends Mage_Core_Controller_Front_Action
248
  }
249
  }
250
 
251
- $this->deleteDirectory($dst);
 
 
 
 
 
 
 
 
 
 
 
 
 
252
  return $sets;
253
  }
254
 
@@ -277,7 +292,7 @@ class Ax_Zoom_IndexController extends Mage_Core_Controller_Front_Action
277
  $folders = array();
278
  if ($handle = opendir($path)) {
279
  while (false !== ($entry = readdir($handle))) {
280
- if ($entry != '.' && $entry != '..') {
281
  if (is_dir($path . '/' . $entry)) {
282
  array_push($folders, $entry);
283
  } else {
@@ -308,7 +323,9 @@ class Ax_Zoom_IndexController extends Mage_Core_Controller_Front_Action
308
  $tmp = explode('.', $name);
309
  $ext = end($tmp);
310
  $dst = $folder . '/' . $name;
311
- rename($path . '/' . $file, $dst);
 
 
312
  }
313
  }
314
 
@@ -318,7 +335,7 @@ class Ax_Zoom_IndexController extends Mage_Core_Controller_Front_Action
318
  $files = array();
319
  if ($handle = opendir($path)) {
320
  while (false !== ($entry = readdir($handle))) {
321
- if ($entry != '.' && $entry != '..') {
322
  $files[] = $entry;
323
  }
324
  }
164
  $name = $get->getParam('name');
165
  $existing = $get->getParam('existing');
166
  $zip = $get->getParam('zip');
167
+ $delete = $get->getParam('delete');
168
  $arcfile = $get->getParam('arcfile');
169
  $newId = '';
170
  $newName = '';
191
  $sets = array();
192
 
193
  if ($zip == 'true') {
194
+ $sets = $this->addImagesArc($arcfile, $productId, $id360, $id360set, $delete);
195
  }
196
 
197
  die(Mage::helper('core')->jsonEncode(array(
210
  }
211
 
212
 
213
+ public function addImagesArc($arcfile, $productId, $id360, $id360set, $delete = '')
214
  {
215
  set_time_limit(0);
216
 
218
  $baseUrlJs = Mage::getBaseUrl('js');
219
 
220
  $path = $baseDir . '/js/axzoom/zip/' . $arcfile;
221
+ $dst = is_dir($path) ? $path : $this->extractArc($path);
222
+ @chmod($dst, 0777);
223
  $data = $this->getFolderData($dst);
224
 
225
  $name = Mage::getModel('axzoom/ax360')->load($id360)->getName();
250
  }
251
  }
252
 
253
+
254
+ // delete temp directory which was created when zip extracted
255
+ if(!is_dir($path)) {
256
+ $this->deleteDirectory($dst);
257
+ }
258
+
259
+ // delete the sourece file (zip/dir) if checkbox is checked
260
+ if($delete == 'true') {
261
+ if(is_dir($path)) {
262
+ $this->deleteDirectory($dst);
263
+ } else {
264
+ @unlink($path);
265
+ }
266
+ }
267
  return $sets;
268
  }
269
 
292
  $folders = array();
293
  if ($handle = opendir($path)) {
294
  while (false !== ($entry = readdir($handle))) {
295
+ if ($entry != '.' && $entry != '..' && $entry != '.htaccess' && $entry != '__MACOSX') {
296
  if (is_dir($path . '/' . $entry)) {
297
  array_push($folders, $entry);
298
  } else {
323
  $tmp = explode('.', $name);
324
  $ext = end($tmp);
325
  $dst = $folder . '/' . $name;
326
+ if(@!rename($path.'/'.$file, $dst)) {
327
+ copy($path.'/'.$file, $dst);
328
+ }
329
  }
330
  }
331
 
335
  $files = array();
336
  if ($handle = opendir($path)) {
337
  while (false !== ($entry = readdir($handle))) {
338
+ if ($entry != '.' && $entry != '..' && $entry != '.htaccess' && $entry != '__MACOSX') {
339
  $files[] = $entry;
340
  }
341
  }
app/code/local/Ax/Zoom/etc/config.xml CHANGED
@@ -4,9 +4,9 @@
4
  * Module: jQuery AJAX-ZOOM for Magento, /app/code/local/Ax/Zoom/etc/config.xml
5
  * Copyright: Copyright (c) 2010-2015 Vadim Jacobi
6
  * License Agreement: http://www.ajax-zoom.com/index.php?cid=download
7
- * Version: 1.0.2
8
- * Date: 2015-09-24
9
- * Review: 2015-09-24
10
  * URL: http://www.ajax-zoom.com
11
  * Documentation: http://www.ajax-zoom.com/index.php?cid=modules&module=magento
12
  *
@@ -19,7 +19,7 @@
19
 
20
  <modules>
21
  <Ax_Zoom>
22
- <version>1.0.2</version>
23
  </Ax_Zoom>
24
  </modules>
25
 
@@ -120,7 +120,6 @@
120
  </events>
121
  </frontend>
122
 
123
-
124
  <adminhtml>
125
  <translate>
126
  <modules>
@@ -210,8 +209,9 @@
210
  <main>
211
  <divid>az_mouseOverZoomContainer</divid>
212
  <galleryDivID>az_mouseOverZoomGallery</galleryDivID>
 
213
  <hideGalleryOneImage>true</hideGalleryOneImage>
214
- <disableAllMsg>false</disableAllMsg>
215
  <galleryHover>false</galleryHover>
216
  <galleryAxZmThumbSlider>true</galleryAxZmThumbSlider>
217
  <galleryAxZmThumbSliderParam>
@@ -251,12 +251,60 @@
251
  }
252
  }
253
  </galleryAxZmThumbSliderParam>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
254
  <thumbW>58</thumbW>
255
  <thumbH>58</thumbH>
256
  <thumbRetina>true</thumbRetina>
 
 
 
257
  <firstImageToLoad>1</firstImageToLoad>
 
258
  <images360firstToLoad>false</images360firstToLoad>
259
  <images360Thumb>true</images360Thumb>
 
260
  <images360Preview>true</images360Preview>
261
  <images360PreviewResponsive>true</images360PreviewResponsive>
262
  <images360examplePreview>mouseOverExtension360</images360examplePreview>
@@ -290,51 +338,60 @@
290
  <mouseOverZoomWidth>1200</mouseOverZoomWidth>
291
  <mouseOverZoomHeight>1200</mouseOverZoomHeight>
292
  <ajaxZoomOpenMode>fancyboxFullscreen</ajaxZoomOpenMode>
293
- <fancyBoxParam>{}</fancyBoxParam>
294
- <colorBoxParam>{}</colorBoxParam>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
295
  <example>mouseOverExtension</example>
296
  <exampleFancyboxFullscreen>mouseOverExtension</exampleFancyboxFullscreen>
297
  <exampleFancybox>modal</exampleFancybox>
298
  <exampleColorbox>modal</exampleColorbox>
 
 
299
  <disableScrollAnm>true</disableScrollAnm>
300
  <fullScreenApi>true</fullScreenApi>
301
  <axZmCallBacks>{}</axZmCallBacks>
302
  <azOptions>{}</azOptions>
303
  <azOptions360>{}</azOptions360>
304
- <qualityThumb>100</qualityThumb>
305
- <quality>90</quality>
306
- <qualityZoom>80</qualityZoom>
307
- <onLoad>null</onLoad>
308
- <onImageChange>null</onImageChange>
309
- <onMouseOver>null</onMouseOver>
310
- <onMouseOut>null</onMouseOut>
311
- <spinner>1</spinner>
312
- <spinnerParam>
313
- {
314
- lines: 11,
315
- length: 3,
316
- width: 3,
317
- radius: 4,
318
- corners: 1,
319
- rotate: 0,
320
- color: "#FFFFFF",
321
- speed: 1,
322
- trail: 90,
323
- shadow: false,
324
- hwaccel: false,
325
- className: "spinner",
326
- zIndex: 2e9,
327
- top: 0,
328
- left: 1
329
- }
330
- </spinnerParam>
331
- <slideInTime>200</slideInTime>
332
- <slideInEasingCSS3>easeOutExpo</slideInEasingCSS3>
333
- <slideInEasing>easeOutExpo</slideInEasing>
334
- <slideInScale>0.8</slideInScale>
335
- <slideOutScale>0.8</slideOutScale>
336
- <slideOutOpacity>0</slideOutOpacity>
337
- <slideOutDest>1</slideOutDest>
338
  </main>
339
  <pinterest>
340
  <enabled>true</enabled>
@@ -361,7 +418,7 @@
361
  <autoMargin>15</autoMargin>
362
  <adjustX>13</adjustX>
363
  <adjustY>-1</adjustY>
364
- <lensOpacity>0.30</lensOpacity>
365
  <lensStyle>{}</lensStyle>
366
  <lensClass>false</lensClass>
367
  <zoomAreaBorderWidth>1</zoomAreaBorderWidth>
@@ -388,14 +445,74 @@
388
  <cursorPositionY>0.55</cursorPositionY>
389
  <touchClickAbort>500</touchClickAbort>
390
  <loading>true</loading>
391
- <loadingMessage>Loading...</loadingMessage>
 
 
 
 
 
 
 
392
  <loadingWidth>90</loadingWidth>
393
  <loadingHeight>20</loadingHeight>
394
  <loadingOpacity>1.0</loadingOpacity>
395
- <zoomHintEnable>true</zoomHintEnable>
396
- <zoomHintText>Zoom</zoomHintText>
397
- <zoomMsgHover>Roll over image to zoom in, click to view expanded</zoomMsgHover>
398
- <zoomMsgClick>Click to open expanded view</zoomMsgClick>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
399
  </mouseOverZoomParam>
400
  <products>
401
  <displayOnlyForThisProductID></displayOnlyForThisProductID>
4
  * Module: jQuery AJAX-ZOOM for Magento, /app/code/local/Ax/Zoom/etc/config.xml
5
  * Copyright: Copyright (c) 2010-2015 Vadim Jacobi
6
  * License Agreement: http://www.ajax-zoom.com/index.php?cid=download
7
+ * Version: 1.0.3
8
+ * Date: 2015-10-09
9
+ * Review: 2015-10-09
10
  * URL: http://www.ajax-zoom.com
11
  * Documentation: http://www.ajax-zoom.com/index.php?cid=modules&module=magento
12
  *
19
 
20
  <modules>
21
  <Ax_Zoom>
22
+ <version>1.0.3</version>
23
  </Ax_Zoom>
24
  </modules>
25
 
120
  </events>
121
  </frontend>
122
 
 
123
  <adminhtml>
124
  <translate>
125
  <modules>
209
  <main>
210
  <divid>az_mouseOverZoomContainer</divid>
211
  <galleryDivID>az_mouseOverZoomGallery</galleryDivID>
212
+ <galleryPosition>bottom</galleryPosition>
213
  <hideGalleryOneImage>true</hideGalleryOneImage>
214
+ <hideGalleryAddClass>axZm_mouseOverNoMargin</hideGalleryAddClass>
215
  <galleryHover>false</galleryHover>
216
  <galleryAxZmThumbSlider>true</galleryAxZmThumbSlider>
217
  <galleryAxZmThumbSliderParam>
251
  }
252
  }
253
  </galleryAxZmThumbSliderParam>
254
+ <galleryAxZmThumbSliderParam_vertical>
255
+ {
256
+ orientation: "vertical",
257
+ scrollBy: 3,
258
+ smoothMove: 6,
259
+ quickerStop: true,
260
+ pressScrollSnap: true,
261
+ btn: true,
262
+ btnClass: "axZmThumbSlider_button_new",
263
+ btnBwdStyle: {marginTop: 0, marginBottom: 0},
264
+ btnFwdStyle: {marginTop: 0, marginBottom: 0},
265
+ btnLeftText: null,
266
+ btnRightText: null,
267
+ btnTopText: null,
268
+ btnBottomText: null,
269
+ btnHidden: true,
270
+ mouseWheelScrollBy: 1,
271
+ wrapStyle: {
272
+ borderLeftWidth: 0,
273
+ borderRightWidth: 0
274
+ },
275
+ scrollbar: false,
276
+
277
+ thumbLiSubClass: {
278
+ first: null,
279
+ last: null
280
+ },
281
+ thumbImgStyle:{
282
+ maxHeight: "58px",
283
+ maxWidth: "58px",
284
+ borderRadius: 3
285
+ },
286
+ thumbLiStyle: {
287
+ width: 58,
288
+ height: 58,
289
+ lineHeight: "56px",
290
+ marginBottom: 2,
291
+ marginLeft: 3,
292
+ marginRight: 3,
293
+ borderRadius: 3
294
+ }
295
+ }
296
+ </galleryAxZmThumbSliderParam_vertical>
297
  <thumbW>58</thumbW>
298
  <thumbH>58</thumbH>
299
  <thumbRetina>true</thumbRetina>
300
+ <qualityThumb>100</qualityThumb>
301
+ <quality>90</quality>
302
+ <qualityZoom>80</qualityZoom>
303
  <firstImageToLoad>1</firstImageToLoad>
304
+ <disableAllMsg>false</disableAllMsg>
305
  <images360firstToLoad>false</images360firstToLoad>
306
  <images360Thumb>true</images360Thumb>
307
+ <images360Overlay>true</images360Overlay>
308
  <images360Preview>true</images360Preview>
309
  <images360PreviewResponsive>true</images360PreviewResponsive>
310
  <images360examplePreview>mouseOverExtension360</images360examplePreview>
338
  <mouseOverZoomWidth>1200</mouseOverZoomWidth>
339
  <mouseOverZoomHeight>1200</mouseOverZoomHeight>
340
  <ajaxZoomOpenMode>fancyboxFullscreen</ajaxZoomOpenMode>
341
+ <fancyBoxParam>
342
+ {
343
+ boxMargin: 0,
344
+ boxPadding: 10,
345
+ boxCenterOnScroll: true,
346
+ boxOverlayShow: true,
347
+ boxOverlayOpacity: 0.75,
348
+ boxOverlayColor: "#777",
349
+ boxTransitionIn: "fade",
350
+ boxTransitionOut: "fade",
351
+ boxSpeedIn: 300,
352
+ boxSpeedOut: 300,
353
+ boxEasingIn: "swing",
354
+ boxEasingOut: "swing",
355
+ boxShowCloseButton: true,
356
+ boxEnableEscapeButton: true,
357
+ boxOnComplete: function(){},
358
+ boxTitleShow: false,
359
+ boxTitlePosition: "float",
360
+ boxTitleFormat: null
361
+ }
362
+ </fancyBoxParam>
363
+ <colorBoxParam>
364
+ {
365
+ transition: "elastic",
366
+ speed: 300,
367
+ scrolling: true,
368
+ title: true,
369
+ opacity: 0.9,
370
+ className: false,
371
+ current: "image {current} of {total}",
372
+ previous: "previous",
373
+ next: "next",
374
+ close: "close",
375
+ onOpen: false,
376
+ onLoad: false,
377
+ onComplete: false,
378
+ onClosed: false,
379
+ overlayClose: true,
380
+ escKey: true
381
+ }
382
+ </colorBoxParam>
383
  <example>mouseOverExtension</example>
384
  <exampleFancyboxFullscreen>mouseOverExtension</exampleFancyboxFullscreen>
385
  <exampleFancybox>modal</exampleFancybox>
386
  <exampleColorbox>modal</exampleColorbox>
387
+ <enforceFullScreenRes>768</enforceFullScreenRes>
388
+ <prevNextArrows>false</prevNextArrows>
389
  <disableScrollAnm>true</disableScrollAnm>
390
  <fullScreenApi>true</fullScreenApi>
391
  <axZmCallBacks>{}</axZmCallBacks>
392
  <azOptions>{}</azOptions>
393
  <azOptions360>{}</azOptions360>
394
+ <postMode>true</postMode>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
395
  </main>
396
  <pinterest>
397
  <enabled>true</enabled>
418
  <autoMargin>15</autoMargin>
419
  <adjustX>13</adjustX>
420
  <adjustY>-1</adjustY>
421
+ <lensOpacity>1</lensOpacity>
422
  <lensStyle>{}</lensStyle>
423
  <lensClass>false</lensClass>
424
  <zoomAreaBorderWidth>1</zoomAreaBorderWidth>
445
  <cursorPositionY>0.55</cursorPositionY>
446
  <touchClickAbort>500</touchClickAbort>
447
  <loading>true</loading>
448
+ <loadingMessage>
449
+ {
450
+ "en" : "Loading...",
451
+ "de": "Loading...",
452
+ "fr" : "Loading...",
453
+ "es" : "Loading..."
454
+ }
455
+ </loadingMessage>
456
  <loadingWidth>90</loadingWidth>
457
  <loadingHeight>20</loadingHeight>
458
  <loadingOpacity>1.0</loadingOpacity>
459
+ <zoomHintEnable>1</zoomHintEnable>
460
+ <zoomHintText>
461
+ {
462
+ "en" : "Zoom",
463
+ "de" : "Zoom",
464
+ "fr" : "Zoom",
465
+ "es" : "Zoom"
466
+ }
467
+ </zoomHintText>
468
+ <zoomMsgHover>
469
+ {
470
+ "en" : "Roll over the image to zoom in",
471
+ "de" : "Für größere Ansicht mit der Maus über das Bild ziehen",
472
+ "fr" : "Survolez l'image pour zoomer",
473
+ "es" : "Pase el cursor sbore la imagen para hacer zoom con la rueda del ratón"
474
+ }
475
+ </zoomMsgHover>
476
+ <zoomMsgClick>
477
+ {
478
+ "en" : "Click to open expanded view",
479
+ "de" : "Klicken Sie auf das Bild, um erweiterte Ansicht zu öffnen",
480
+ "fr" : "Cliquez sur l'image pour ouvrir la vue élargie",
481
+ "es" : "Haga clic para ampliar la imagen"
482
+ }
483
+ </zoomMsgClick>
484
+ <slideInTime>200</slideInTime>
485
+ <slideInEasingCSS3>easeOutExpo</slideInEasingCSS3>
486
+ <slideInEasing>easeOutExpo</slideInEasing>
487
+ <slideInScale>0.8</slideInScale>
488
+ <slideOutScale>0.8</slideOutScale>
489
+ <slideOutOpacity>0.5</slideOutOpacity>
490
+ <slideOutDest>1</slideOutDest>
491
+ <onInit>null</onInit>
492
+ <onLoad>null</onLoad>
493
+ <onImageChange>null</onImageChange>
494
+ <onMouseOver>null</onMouseOver>
495
+ <onMouseOut>null</onMouseOut>
496
+ <spinner>true</spinner>
497
+ <spinnerParam>
498
+ {
499
+ lines: 11,
500
+ length: 3,
501
+ width: 3,
502
+ radius: 4,
503
+ corners: 1,
504
+ rotate: 0,
505
+ color: "#FFFFFF",
506
+ speed: 1,
507
+ trail: 90,
508
+ shadow: false,
509
+ hwaccel: false,
510
+ className: "spinner",
511
+ zIndex: 2e9,
512
+ top: 0,
513
+ left: 1
514
+ }
515
+ </spinnerParam>
516
  </mouseOverZoomParam>
517
  <products>
518
  <displayOnlyForThisProductID></displayOnlyForThisProductID>
app/code/local/Ax/Zoom/etc/system.xml CHANGED
@@ -4,9 +4,9 @@
4
  * Module: jQuery AJAX-ZOOM for Magento, /app/code/local/Ax/Zoom/etc/system.xml
5
  * Copyright: Copyright (c) 2010-2015 Vadim Jacobi
6
  * License Agreement: http://www.ajax-zoom.com/index.php?cid=download
7
- * Version: 1.0.2
8
- * Date: 2015-09-24
9
- * Review: 2015-09-24
10
  * URL: http://www.ajax-zoom.com
11
  * Documentation: http://www.ajax-zoom.com/index.php?cid=modules&module=magento
12
  *
@@ -21,14 +21,15 @@
21
  <label>AJAX-ZOOM</label>
22
  <tab>catalog</tab>
23
  <frontend_type>text</frontend_type>
24
- <sort_order>1000</sort_order>
25
  <show_in_default>1</show_in_default>
26
  <show_in_website>1</show_in_website>
27
  <show_in_store>1</show_in_store>
28
  <groups>
 
29
  <general translate="label">
30
  <label>About</label>
31
- <sort_order>0</sort_order>
32
  <show_in_default>1</show_in_default>
33
  <show_in_website>1</show_in_website>
34
  <show_in_store>1</show_in_store>
@@ -36,7 +37,7 @@
36
  <![CDATA[
37
  <style>
38
  .importantAZoption{
39
- color: #eb5e00;
40
  font-weight: bolder;
41
  background-position: 0 0 !important;
42
  padding-left: 24px;
@@ -44,45 +45,83 @@
44
  border-width: 0 !important;
45
  word-break: break-all;
46
  }
 
 
 
 
 
 
 
 
 
 
47
  </style>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
48
  <ul style="list-style: square">
49
- <li>AJAX-ZOOM is a multipurpose library for displaying (high resolution) images and 360°/3D spins.
50
- This Magento module integrates only one particular implementation (example) from AJAX-ZOOM library into Magento.
51
  In raw form this example can be found here:
52
  <a target="_blank" href="http://www.ajax-zoom.com/examples/example32_responsive.php">
53
  http://www.ajax-zoom.com/examples/example32_responsive.php
54
- </a>
55
- There you will also find some subtle detailes about the options which you can configure below.
56
- These options mainly refere to this one implementation / example.
57
- </li>
58
- <li>However AJAX-ZOOM has many other options which can be set manually in /js/axzoom/axZm/zoomConfigCustom.inc.php
59
  after <br> <code>elseif ($_GET['example'] == 'mouseOverExtension360')</code> for 360° views and
60
  <br><code>elseif ($_GET['example'] == 'mouseOverExtension')</code>
61
- for regular images views <br> or if you do not want to edit PHP files - most of the options can be also set in these
62
- formfields as JS plain object in:
63
- <ol>
64
- <li>azOptions - for 2D zoom</li>
65
- <li>azOptions360 - for 360/3D zoom</li>
66
  </ol>
67
  </li>
68
  <li>Depending on the template used you might need to adjust especially these two options:
69
- <ol>
70
- <li>zoomWidth - width of the mouseover flyout window</li>
71
- <li>zoomHeight - height of the mouseover flyout window</li>
72
  </ol>
73
  If you will be not able to adjust these options on your own please
74
- <a target="_blank" "http://www.ajax-zoom.com/index.php?cid=contact">ask for support</a>
75
  </li>
76
- <li>Other useful / most common options are marked yellow or with this symbol: <span class="notice-msg importantAZoption"></span>
77
  </li>
78
  </ul>
79
  ]]>
80
  </comment>
81
  </general>
 
82
  <license translate="label">
83
  <label>AJAX-ZOOM license(s)</label>
84
  <frontend_type>text</frontend_type>
85
- <sort_order>1</sort_order>
86
  <show_in_default>1</show_in_default>
87
  <show_in_website>1</show_in_website>
88
  <show_in_store>1</show_in_store>
@@ -101,10 +140,11 @@
101
  </lic>
102
  </fields>
103
  </license>
104
- <mouseOverZoomParam translate="comment">
105
- <label>mouseOverZoomParam - JS object containing specific options to this mouseover zoom</label>
 
106
  <frontend_type>text</frontend_type>
107
- <sort_order>2</sort_order>
108
  <show_in_default>1</show_in_default>
109
  <show_in_website>1</show_in_website>
110
  <show_in_store>1</show_in_store>
@@ -114,7 +154,7 @@
114
  <comment>Position of the flyout zoom window, possible values: 'inside', 'top', 'right', 'bottom', 'left'</comment>
115
  <frontend_type>select</frontend_type>
116
  <source_model>axzoom/position</source_model>
117
- <sort_order>1</sort_order>
118
  <show_in_default>1</show_in_default>
119
  <show_in_website>1</show_in_website>
120
  <show_in_store>1</show_in_store>
@@ -123,7 +163,7 @@
123
  <label>posAutoInside</label>
124
  <comment>applies when width (left, right) or height (top, bottom) of zoom window are less than this px value (zoomWidth || zoomHeight are set to auto); if zoomWidth || zoomHeight are fixed, applies when zoom window is out of page border</comment>
125
  <frontend_type>text</frontend_type>
126
- <sort_order>2</sort_order>
127
  <show_in_default>1</show_in_default>
128
  <show_in_website>1</show_in_website>
129
  <show_in_store>1</show_in_store>
@@ -132,26 +172,26 @@
132
  <label>posInsideArea</label>
133
  <comment>When "posAutoInside" is enabled and inner zoom fires or "position" option is set to 'inside' right away - there is no lens. However you will notice that the reaction to mouse movements occure somewhere in the middle of the image; at the edges mostly nothing happens in simmilar scripts. With this option you can adjust how far from the edge mouse movements should be captured. The range is between 0 and 0.5;</comment>
134
  <frontend_type>text</frontend_type>
135
- <sort_order>3</sort_order>
136
  <show_in_default>1</show_in_default>
137
  <show_in_website>1</show_in_website>
138
  <show_in_store>1</show_in_store>
139
  </posInsideArea>
140
  <touchScroll>
141
- <label>touchScroll</label>
142
  <comment>If width of the mouseover zoom container is more than 80% (0.8) of the widnow width, than for touch devises the inner zoom will be not triggered and the user can scroll down. Click for open AJAX-ZOOM remains. Set this value to 0 if you want to enable the slider for touch devices only. </comment>
143
  <frontend_type>text</frontend_type>
144
- <sort_order>3</sort_order>
145
  <show_in_default>1</show_in_default>
146
  <show_in_website>1</show_in_website>
147
  <show_in_store>1</show_in_store>
148
  </touchScroll>
149
  <noMouseOverZoom>
150
- <label>noMouseOverZoom</label>
151
  <comment>Disable mouseover zoom completly for touch and none touch devices. If you want to disable it only for touch devices, set "touchScroll" option above to 0 </comment>
152
  <frontend_type>select</frontend_type>
153
  <source_model>axzoom/yesno</source_model>
154
- <sort_order>3</sort_order>
155
  <show_in_default>1</show_in_default>
156
  <show_in_website>1</show_in_website>
157
  <show_in_store>1</show_in_store>
@@ -160,7 +200,7 @@
160
  <label>autoFlip</label>
161
  <comment>Flip right to left and bottom to top if less than int px value or false to disable</comment>
162
  <frontend_type>text</frontend_type>
163
- <sort_order>4</sort_order>
164
  <show_in_default>1</show_in_default>
165
  <show_in_website>1</show_in_website>
166
  <show_in_store>1</show_in_store>
@@ -170,7 +210,7 @@
170
  <comment>Overrides position option and instantly chooses the direction, disables autoFlip; playes nicely when zoomWidth and zoomHeight are set to 'auto'</comment>
171
  <frontend_type>select</frontend_type>
172
  <source_model>axzoom/yesno</source_model>
173
- <sort_order>5</sort_order>
174
  <show_in_default>1</show_in_default>
175
  <show_in_website>1</show_in_website>
176
  <show_in_store>1</show_in_store>
@@ -180,13 +220,13 @@
180
  <comment>Uses full screen height (does not align to the map / disables adjustY) if position is right or left || uses full screen width (does not align to the map / disables adjustX) if position is top or bottom</comment>
181
  <frontend_type>select</frontend_type>
182
  <source_model>axzoom/yesno</source_model>
183
- <sort_order>6</sort_order>
184
  <show_in_default>1</show_in_default>
185
  <show_in_website>1</show_in_website>
186
  <show_in_store>1</show_in_store>
187
  </zoomFullSpace>
188
  <zoomWidth>
189
- <label>zoomWidth</label>
190
  <comment>Width of the zoom window e.g. 540 or 'auto' or jQuery selector|correction value, e.g. '#refWidthTest|+20';
191
  so if you want to have a width of the zoom window same as for example a responsive container to the right
192
  (so it is fully covered) and max possible height, then define the id of this container to the right,
@@ -196,19 +236,19 @@
196
  the margin between the containers is not taken into account but you can adjust the result with the second value after vertical bar.
197
  </comment>
198
  <frontend_type>text</frontend_type>
199
- <sort_order>7</sort_order>
200
  <show_in_default>1</show_in_default>
201
  <show_in_website>1</show_in_website>
202
  <show_in_store>1</show_in_store>
203
  </zoomWidth>
204
  <zoomHeight>
205
- <label>zoomHeight</label>
206
  <comment>Height of the zoom window e.g. 375, or 'auto' or jQuery selector|correction value,
207
  e.g. '#refWidthTest|+20'; if your selector matches more than one element, e.g. '.pb-center-column,.pb-right-column|+20',
208
  then the highest value will be choosen. This is different from the multiple selector in "zoomWidth", where the values are added.
209
  </comment>
210
  <frontend_type>text</frontend_type>
211
- <sort_order>8</sort_order>
212
  <show_in_default>1</show_in_default>
213
  <show_in_website>1</show_in_website>
214
  <show_in_store>1</show_in_store>
@@ -217,25 +257,25 @@
217
  <label>autoMargin</label>
218
  <comment>If zoomWidth or zoomHeight are set to 'auto', the margin to the edge of the screen</comment>
219
  <frontend_type>text</frontend_type>
220
- <sort_order>9</sort_order>
221
  <show_in_default>1</show_in_default>
222
  <show_in_website>1</show_in_website>
223
  <show_in_store>1</show_in_store>
224
  </autoMargin>
225
  <adjustX>
226
- <label>adjustX</label>
227
  <comment>Horizontal margin of the zoom window</comment>
228
  <frontend_type>text</frontend_type>
229
- <sort_order>10</sort_order>
230
  <show_in_default>1</show_in_default>
231
  <show_in_website>1</show_in_website>
232
  <show_in_store>1</show_in_store>
233
  </adjustX>
234
  <adjustY>
235
- <label>adjustY</label>
236
  <comment>Vertical margin of the zoom window</comment>
237
  <frontend_type>text</frontend_type>
238
- <sort_order>11</sort_order>
239
  <show_in_default>1</show_in_default>
240
  <show_in_website>1</show_in_website>
241
  <show_in_store>1</show_in_store>
@@ -244,7 +284,7 @@
244
  <label><![CDATA[<div class="notice-msg importantAZoption">lensOpacity</div>]]></label>
245
  <comment>Opacity of the selector lens</comment>
246
  <frontend_type>text</frontend_type>
247
- <sort_order>12</sort_order>
248
  <show_in_default>1</show_in_default>
249
  <show_in_website>1</show_in_website>
250
  <show_in_store>1</show_in_store>
@@ -252,8 +292,8 @@
252
  <lensStyle>
253
  <label>lensStyle</label>
254
  <comment>Quickly override css of the lens</comment>
255
- <frontend_type>text</frontend_type>
256
- <sort_order>13</sort_order>
257
  <show_in_default>1</show_in_default>
258
  <show_in_website>1</show_in_website>
259
  <show_in_store>1</show_in_store>
@@ -262,7 +302,7 @@
262
  <label>lensClass</label>
263
  <comment>Set css class for the lens</comment>
264
  <frontend_type>text</frontend_type>
265
- <sort_order>14</sort_order>
266
  <show_in_default>1</show_in_default>
267
  <show_in_website>1</show_in_website>
268
  <show_in_store>1</show_in_store>
@@ -271,7 +311,7 @@
271
  <label>zoomAreaBorderWidth</label>
272
  <comment>Border thickness of the zoom window</comment>
273
  <frontend_type>text</frontend_type>
274
- <sort_order>15</sort_order>
275
  <show_in_default>1</show_in_default>
276
  <show_in_website>1</show_in_website>
277
  <show_in_store>1</show_in_store>
@@ -280,7 +320,7 @@
280
  <label>galleryFade</label>
281
  <comment>Speed of inner fade or false</comment>
282
  <frontend_type>text</frontend_type>
283
- <sort_order>16</sort_order>
284
  <show_in_default>1</show_in_default>
285
  <show_in_website>1</show_in_website>
286
  <show_in_store>1</show_in_store>
@@ -289,7 +329,7 @@
289
  <label>shutterSpeed</label>
290
  <comment>Speed of shutter fadein or false; applies only if image proportions are different from container</comment>
291
  <frontend_type>text</frontend_type>
292
- <sort_order>17</sort_order>
293
  <show_in_default>1</show_in_default>
294
  <show_in_website>1</show_in_website>
295
  <show_in_store>1</show_in_store>
@@ -298,7 +338,7 @@
298
  <label>showFade</label>
299
  <comment>Speed of fade in for mouse over</comment>
300
  <frontend_type>text</frontend_type>
301
- <sort_order>18</sort_order>
302
  <show_in_default>1</show_in_default>
303
  <show_in_website>1</show_in_website>
304
  <show_in_store>1</show_in_store>
@@ -307,7 +347,7 @@
307
  <label>hideFade</label>
308
  <comment>Speed of fade out for mouse over</comment>
309
  <frontend_type>text</frontend_type>
310
- <sort_order>19</sort_order>
311
  <show_in_default>1</show_in_default>
312
  <show_in_website>1</show_in_website>
313
  <show_in_store>1</show_in_store>
@@ -316,7 +356,7 @@
316
  <label>flyOutSpeed</label>
317
  <comment>Speed for flyout or false to disable</comment>
318
  <frontend_type>text</frontend_type>
319
- <sort_order>20</sort_order>
320
  <show_in_default>1</show_in_default>
321
  <show_in_website>1</show_in_website>
322
  <show_in_store>1</show_in_store>
@@ -325,7 +365,7 @@
325
  <label>flyOutTransition</label>
326
  <comment>Transition of the flyout</comment>
327
  <frontend_type>text</frontend_type>
328
- <sort_order>21</sort_order>
329
  <show_in_default>1</show_in_default>
330
  <show_in_website>1</show_in_website>
331
  <show_in_store>1</show_in_store>
@@ -334,7 +374,7 @@
334
  <label>flyOutOpacity</label>
335
  <comment>Initial opacity for flyout</comment>
336
  <frontend_type>text</frontend_type>
337
- <sort_order>22</sort_order>
338
  <show_in_default>1</show_in_default>
339
  <show_in_website>1</show_in_website>
340
  <show_in_store>1</show_in_store>
@@ -343,7 +383,7 @@
343
  <label>flyBackSpeed</label>
344
  <comment>Speed for fly back or false to disable</comment>
345
  <frontend_type>text</frontend_type>
346
- <sort_order>23</sort_order>
347
  <show_in_default>1</show_in_default>
348
  <show_in_website>1</show_in_website>
349
  <show_in_store>1</show_in_store>
@@ -352,7 +392,7 @@
352
  <label>flyBackTransition</label>
353
  <comment>Transition type of the fly back</comment>
354
  <frontend_type>text</frontend_type>
355
- <sort_order>24</sort_order>
356
  <show_in_default>1</show_in_default>
357
  <show_in_website>1</show_in_website>
358
  <show_in_store>1</show_in_store>
@@ -361,7 +401,7 @@
361
  <label>flyBackOpacity</label>
362
  <comment>Final opacity of fly back</comment>
363
  <frontend_type>text</frontend_type>
364
- <sort_order>25</sort_order>
365
  <show_in_default>1</show_in_default>
366
  <show_in_website>1</show_in_website>
367
  <show_in_store>1</show_in_store>
@@ -371,7 +411,7 @@
371
  <comment>Scroll page when clicked on the thumb and the mouse over preview image is not fully visible</comment>
372
  <frontend_type>select</frontend_type>
373
  <source_model>axzoom/yesno</source_model>
374
- <sort_order>26</sort_order>
375
  <show_in_default>1</show_in_default>
376
  <show_in_website>1</show_in_website>
377
  <show_in_store>1</show_in_store>
@@ -380,7 +420,7 @@
380
  <label><![CDATA[<div class="notice-msg importantAZoption">smoothMove</div>]]></label>
381
  <comment>Integer bigger than 1 indicates smoother movements; set 0 to disable</comment>
382
  <frontend_type>text</frontend_type>
383
- <sort_order>27</sort_order>
384
  <show_in_default>1</show_in_default>
385
  <show_in_website>1</show_in_website>
386
  <show_in_store>1</show_in_store>
@@ -389,7 +429,7 @@
389
  <label>tint</label>
390
  <comment>Color value around the lens or false</comment>
391
  <frontend_type>text</frontend_type>
392
- <sort_order>28</sort_order>
393
  <show_in_default>1</show_in_default>
394
  <show_in_website>1</show_in_website>
395
  <show_in_store>1</show_in_store>
@@ -398,7 +438,7 @@
398
  <label>tintOpacity</label>
399
  <comment>Opacity of the area around the lens when "tint" option is set to some color value</comment>
400
  <frontend_type>text</frontend_type>
401
- <sort_order>29</sort_order>
402
  <show_in_default>1</show_in_default>
403
  <show_in_website>1</show_in_website>
404
  <show_in_store>1</show_in_store>
@@ -407,7 +447,7 @@
407
  <label>tintFilter</label>
408
  <comment>Apply filter to the image, e.g. "blur", "grayscale", "sepia", "invert", "saturate"; see also .axZm_mouseOverEffect>img CSS</comment>
409
  <frontend_type>text</frontend_type>
410
- <sort_order>30</sort_order>
411
  <show_in_default>1</show_in_default>
412
  <show_in_website>1</show_in_website>
413
  <show_in_store>1</show_in_store>
@@ -417,7 +457,7 @@
417
  <comment>Show background image in the lens</comment>
418
  <frontend_type>select</frontend_type>
419
  <source_model>axzoom/yesno</source_model>
420
- <sort_order>31</sort_order>
421
  <show_in_default>1</show_in_default>
422
  <show_in_website>1</show_in_website>
423
  <show_in_store>1</show_in_store>
@@ -427,7 +467,7 @@
427
  <comment>Enable / disable title on zoom window</comment>
428
  <frontend_type>select</frontend_type>
429
  <source_model>axzoom/yesno</source_model>
430
- <sort_order>32</sort_order>
431
  <show_in_default>1</show_in_default>
432
  <show_in_website>1</show_in_website>
433
  <show_in_store>1</show_in_store>
@@ -436,7 +476,7 @@
436
  <label>titleOpacity</label>
437
  <comment>Opacity of the title container</comment>
438
  <frontend_type>text</frontend_type>
439
- <sort_order>33</sort_order>
440
  <show_in_default>1</show_in_default>
441
  <show_in_website>1</show_in_website>
442
  <show_in_store>1</show_in_store>
@@ -445,7 +485,7 @@
445
  <label>titlePosition</label>
446
  <comment>Position of the title, top or bottom</comment>
447
  <frontend_type>text</frontend_type>
448
- <sort_order>34</sort_order>
449
  <show_in_default>1</show_in_default>
450
  <show_in_website>1</show_in_website>
451
  <show_in_store>1</show_in_store>
@@ -454,7 +494,7 @@
454
  <label>cursorPositionX</label>
455
  <comment>Cursor over lens horizontal offset, 0.5 is middle</comment>
456
  <frontend_type>text</frontend_type>
457
- <sort_order>35</sort_order>
458
  <show_in_default>1</show_in_default>
459
  <show_in_website>1</show_in_website>
460
  <show_in_store>1</show_in_store>
@@ -463,7 +503,7 @@
463
  <label>cursorPositionY</label>
464
  <comment>Cursor over lens vertical offset, 0.5 is middle</comment>
465
  <frontend_type>text</frontend_type>
466
- <sort_order>36</sort_order>
467
  <show_in_default>1</show_in_default>
468
  <show_in_website>1</show_in_website>
469
  <show_in_store>1</show_in_store>
@@ -472,7 +512,7 @@
472
  <label>touchClickAbort</label>
473
  <comment>Time in ms after which click is aborted without touch movement and mousehover is initialized</comment>
474
  <frontend_type>text</frontend_type>
475
- <sort_order>37</sort_order>
476
  <show_in_default>1</show_in_default>
477
  <show_in_website>1</show_in_website>
478
  <show_in_store>1</show_in_store>
@@ -482,7 +522,7 @@
482
  <comment>Display loading information, CSS .mouseOverLoading</comment>
483
  <frontend_type>select</frontend_type>
484
  <source_model>axzoom/yesno</source_model>
485
- <sort_order>38</sort_order>
486
  <show_in_default>1</show_in_default>
487
  <show_in_website>1</show_in_website>
488
  <show_in_store>1</show_in_store>
@@ -490,8 +530,8 @@
490
  <loadingMessage>
491
  <label>loadingMessage</label>
492
  <comment>Loading message, not needed, can be just the spinner - see below</comment>
493
- <frontend_type>text</frontend_type>
494
- <sort_order>39</sort_order>
495
  <show_in_default>1</show_in_default>
496
  <show_in_website>1</show_in_website>
497
  <show_in_store>1</show_in_store>
@@ -500,7 +540,7 @@
500
  <label>loadingWidth</label>
501
  <comment>Width of loading container</comment>
502
  <frontend_type>text</frontend_type>
503
- <sort_order>40</sort_order>
504
  <show_in_default>1</show_in_default>
505
  <show_in_website>1</show_in_website>
506
  <show_in_store>1</show_in_store>
@@ -509,7 +549,7 @@
509
  <label>loadingHeight</label>
510
  <comment>Height of loading container</comment>
511
  <frontend_type>text</frontend_type>
512
- <sort_order>41</sort_order>
513
  <show_in_default>1</show_in_default>
514
  <show_in_website>1</show_in_website>
515
  <show_in_store>1</show_in_store>
@@ -518,7 +558,7 @@
518
  <label>loadingOpacity</label>
519
  <comment>Opacity of the loading container (the transparent background is set via png image on default, see css class)</comment>
520
  <frontend_type>text</frontend_type>
521
- <sort_order>42</sort_order>
522
  <show_in_default>1</show_in_default>
523
  <show_in_website>1</show_in_website>
524
  <show_in_store>1</show_in_store>
@@ -528,7 +568,7 @@
528
  <comment>Enable zoom icon which disappears on mouse hover; css class: .axZm_mouseOverZoomHint; If you want to change the position or the icon simply change the css class;</comment>
529
  <frontend_type>select</frontend_type>
530
  <source_model>axzoom/yesno</source_model>
531
- <sort_order>43</sort_order>
532
  <show_in_default>1</show_in_default>
533
  <show_in_website>1</show_in_website>
534
  <show_in_store>1</show_in_store>
@@ -537,7 +577,7 @@
537
  <label>zoomHintText</label>
538
  <comment>Text which will be appended next to the icon enabled by "zoomHintEnable"</comment>
539
  <frontend_type>text</frontend_type>
540
- <sort_order>44</sort_order>
541
  <show_in_default>1</show_in_default>
542
  <show_in_website>1</show_in_website>
543
  <show_in_store>1</show_in_store>
@@ -545,8 +585,8 @@
545
  <zoomMsgHover>
546
  <label>zoomMsgHover</label>
547
  <comment>Message which can appear under the mouse over zoom, css class: .axZm_mouseOverZoomMsg</comment>
548
- <frontend_type>text</frontend_type>
549
- <sort_order>45</sort_order>
550
  <show_in_default>1</show_in_default>
551
  <show_in_website>1</show_in_website>
552
  <show_in_store>1</show_in_store>
@@ -555,7 +595,7 @@
555
  <label>zoomMsgClick</label>
556
  <comment>Message which can appear under the mouse over zoom when the mouse enters it.</comment>
557
  <frontend_type>text</frontend_type>
558
- <sort_order>46</sort_order>
559
  <show_in_default>1</show_in_default>
560
  <show_in_website>1</show_in_website>
561
  <show_in_store>1</show_in_store>
@@ -564,7 +604,7 @@
564
  <label>slideInTime</label>
565
  <comment>Slide in time if "noMouseOverZoom" is enabled or "touchScroll" option enables for touch devices</comment>
566
  <frontend_type>text</frontend_type>
567
- <sort_order>50</sort_order>
568
  <show_in_default>1</show_in_default>
569
  <show_in_website>1</show_in_website>
570
  <show_in_store>1</show_in_store>
@@ -573,7 +613,7 @@
573
  <label>slideInEasingCSS3</label>
574
  <comment>jQuery equivalent of easing or own function (string), e.g. "cubic-bezier(0.21,0.51,0.4,2.02)", see also cubic-bezier.com </comment>
575
  <frontend_type>text</frontend_type>
576
- <sort_order>51</sort_order>
577
  <show_in_default>1</show_in_default>
578
  <show_in_website>1</show_in_website>
579
  <show_in_store>1</show_in_store>
@@ -582,7 +622,7 @@
582
  <label>slideInEasing</label>
583
  <comment>jQuery easing function for sliding in (fallback if CSS3 animation is not supported)</comment>
584
  <frontend_type>text</frontend_type>
585
- <sort_order>52</sort_order>
586
  <show_in_default>1</show_in_default>
587
  <show_in_website>1</show_in_website>
588
  <show_in_store>1</show_in_store>
@@ -591,7 +631,7 @@
591
  <label>slideInScale</label>
592
  <comment>Scale initial size (goes to 1.0 while animation)</comment>
593
  <frontend_type>text</frontend_type>
594
- <sort_order>53</sort_order>
595
  <show_in_default>1</show_in_default>
596
  <show_in_website>1</show_in_website>
597
  <show_in_store>1</show_in_store>
@@ -600,7 +640,7 @@
600
  <label>slideOutScale</label>
601
  <comment>Scale slideout size</comment>
602
  <frontend_type>text</frontend_type>
603
- <sort_order>54</sort_order>
604
  <show_in_default>1</show_in_default>
605
  <show_in_website>1</show_in_website>
606
  <show_in_store>1</show_in_store>
@@ -609,7 +649,7 @@
609
  <label>slideOutOpacity</label>
610
  <comment>Slideout opacity</comment>
611
  <frontend_type>text</frontend_type>
612
- <sort_order>55</sort_order>
613
  <show_in_default>1</show_in_default>
614
  <show_in_website>1</show_in_website>
615
  <show_in_store>1</show_in_store>
@@ -618,27 +658,97 @@
618
  <label>slideOutDest</label>
619
  <comment>Target slideout position, possible values: 1, 2 or 3</comment>
620
  <frontend_type>text</frontend_type>
621
- <sort_order>56</sort_order>
622
  <show_in_default>1</show_in_default>
623
  <show_in_website>1</show_in_website>
624
  <show_in_store>1</show_in_store>
625
  </slideOutDest>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
626
  </fields>
627
  </mouseOverZoomParam>
 
628
  <main translate="label">
629
  <label>General Settings</label>
630
  <frontend_type>text</frontend_type>
631
- <sort_order>3</sort_order>
632
  <show_in_default>1</show_in_default>
633
  <show_in_website>1</show_in_website>
634
  <show_in_store>1</show_in_store>
635
  <fields>
636
  <disableAllMsg>
637
- <label>disableAllMsg</label>
638
- <comment>Instantly hide gallery if there is only one image or one 360/3D</comment>
 
 
 
 
639
  <frontend_type>select</frontend_type>
640
  <source_model>axzoom/yesno</source_model>
641
- <sort_order>0</sort_order>
642
  <show_in_default>1</show_in_default>
643
  <show_in_website>1</show_in_website>
644
  <show_in_store>1</show_in_store>
@@ -647,7 +757,7 @@
647
  <label>divID</label>
648
  <comment>DIV (container) ID for mouseover zoom</comment>
649
  <frontend_type>text</frontend_type>
650
- <sort_order>1</sort_order>
651
  <show_in_default>1</show_in_default>
652
  <show_in_website>1</show_in_website>
653
  <show_in_store>1</show_in_store>
@@ -656,21 +766,48 @@
656
  <label>galleryDivID</label>
657
  <comment>DIV (container) id of the gallery, set to false to disable gallery</comment>
658
  <frontend_type>text</frontend_type>
659
- <sort_order>2</sort_order>
660
  <show_in_default>1</show_in_default>
661
  <show_in_website>1</show_in_website>
662
  <show_in_store>1</show_in_store>
663
  </galleryDivID>
 
 
 
 
 
 
 
 
 
 
664
  <hideGalleryOneImage>
665
- <label>hideGalleryOneImage</label>
666
  <comment>Instantly hide gallery if there is only one image or one 360/3D</comment>
667
  <frontend_type>select</frontend_type>
668
  <source_model>axzoom/yesno</source_model>
669
- <sort_order>3</sort_order>
670
  <show_in_default>1</show_in_default>
671
  <show_in_website>1</show_in_website>
672
  <show_in_store>1</show_in_store>
673
  </hideGalleryOneImage>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
674
  <galleryHover>
675
  <label>galleryHover</label>
676
  <comment>Use mouseenter (mouseover) for switching between images.
@@ -679,7 +816,7 @@
679
  </comment>
680
  <frontend_type>select</frontend_type>
681
  <source_model>axzoom/yesno</source_model>
682
- <sort_order>4</sort_order>
683
  <show_in_default>1</show_in_default>
684
  <show_in_website>1</show_in_website>
685
  <show_in_store>1</show_in_store>
@@ -689,7 +826,7 @@
689
  <comment>Use $.axZmThumbSlider on gallery thumbnails or not</comment>
690
  <frontend_type>select</frontend_type>
691
  <source_model>axzoom/yesno</source_model>
692
- <sort_order>5</sort_order>
693
  <show_in_default>1</show_in_default>
694
  <show_in_website>1</show_in_website>
695
  <show_in_store>1</show_in_store>
@@ -703,16 +840,31 @@
703
  ]]>
704
  </comment>
705
  <frontend_type>textarea</frontend_type>
706
- <sort_order>6</sort_order>
707
  <show_in_default>1</show_in_default>
708
  <show_in_website>1</show_in_website>
709
  <show_in_store>1</show_in_store>
710
  </galleryAxZmThumbSliderParam>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
711
  <thumbW>
712
  <label><![CDATA[<div class="notice-msg importantAZoption">thumbW</div>]]></label>
713
  <comment>Gallery thumb width</comment>
714
  <frontend_type>text</frontend_type>
715
- <sort_order>7</sort_order>
716
  <show_in_default>1</show_in_default>
717
  <show_in_website>1</show_in_website>
718
  <show_in_store>1</show_in_store>
@@ -721,7 +873,7 @@
721
  <label><![CDATA[<div class="notice-msg importantAZoption">thumbH</div>]]></label>
722
  <comment>Gallery thumb height</comment>
723
  <frontend_type>text</frontend_type>
724
- <sort_order>8</sort_order>
725
  <show_in_default>1</show_in_default>
726
  <show_in_website>1</show_in_website>
727
  <show_in_store>1</show_in_store>
@@ -731,26 +883,55 @@
731
  <comment>Double resolution of the thumb image</comment>
732
  <frontend_type>select</frontend_type>
733
  <source_model>axzoom/yesno</source_model>
734
- <sort_order>9</sort_order>
735
  <show_in_default>1</show_in_default>
736
  <show_in_website>1</show_in_website>
737
  <show_in_store>1</show_in_store>
738
  </thumbRetina>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
739
  <firstImageToLoad>
740
  <label>firstImageToLoad</label>
741
  <comment>Image from "images" option which should be loaded at first; see also "images360firstToLoad" option below</comment>
742
  <frontend_type>text</frontend_type>
743
- <sort_order>10</sort_order>
744
  <show_in_default>1</show_in_default>
745
  <show_in_website>1</show_in_website>
746
  <show_in_store>1</show_in_store>
747
  </firstImageToLoad>
 
748
  <images360firstToLoad>
749
- <label>images360firstToLoad</label>
750
  <comment>In case present load 360 from "images360" first and not an image from "images"</comment>
751
  <frontend_type>select</frontend_type>
752
  <source_model>axzoom/yesno</source_model>
753
- <sort_order>11</sort_order>
754
  <show_in_default>1</show_in_default>
755
  <show_in_website>1</show_in_website>
756
  <show_in_store>1</show_in_store>
@@ -760,17 +941,27 @@
760
  <comment>Show first image of the spin as thumb</comment>
761
  <frontend_type>select</frontend_type>
762
  <source_model>axzoom/yesno</source_model>
763
- <sort_order>13</sort_order>
764
  <show_in_default>1</show_in_default>
765
  <show_in_website>1</show_in_website>
766
  <show_in_store>1</show_in_store>
767
  </images360Thumb>
 
 
 
 
 
 
 
 
 
 
768
  <images360Preview>
769
- <label>images360Preview</label>
770
  <comment>Normally plain images are opened in some kind of lightbox or fullscreen; By setting this option to true the 360's will load into "divID" at first and can be expanded to fullscreen.</comment>
771
  <frontend_type>select</frontend_type>
772
  <source_model>axzoom/yesno</source_model>
773
- <sort_order>14</sort_order>
774
  <show_in_default>1</show_in_default>
775
  <show_in_website>1</show_in_website>
776
  <show_in_store>1</show_in_store>
@@ -780,7 +971,7 @@
780
  <comment>This option is set to true for convinience reasons; In case your "divID" has fixed width and height, set $zoom['config']['picDim'] option in '/axZm/zoomConfigCustom.inc.php' after elseif ($_GET['example'] == 'mouseOverExtension360')</comment>
781
  <frontend_type>select</frontend_type>
782
  <source_model>axzoom/yesno</source_model>
783
- <sort_order>15</sort_order>
784
  <show_in_default>1</show_in_default>
785
  <show_in_website>1</show_in_website>
786
  <show_in_store>1</show_in_store>
@@ -789,7 +980,7 @@
789
  <label>images360examplePreview</label>
790
  <comment>In case "images360Preview" is set to true, the value of this parameter will be sent to AJAX-ZOOM as "options set" (example=mouseOverExtension360)</comment>
791
  <frontend_type>text</frontend_type>
792
- <sort_order>16</sort_order>
793
  <show_in_default>1</show_in_default>
794
  <show_in_website>1</show_in_website>
795
  <show_in_store>1</show_in_store>
@@ -798,7 +989,7 @@
798
  <label>zoomMsg360</label>
799
  <comment>Message displayed under mouse over zoom when 360 is loaded, e.g. "Drag to spin 360, scroll to zoom"; can be Javascript object e.g. {"en": "text english...", "de": "text german...", "fr":"text french..."}</comment>
800
  <frontend_type>textarea</frontend_type>
801
- <sort_order>17</sort_order>
802
  <show_in_default>1</show_in_default>
803
  <show_in_website>1</show_in_website>
804
  <show_in_store>1</show_in_store>
@@ -807,17 +998,17 @@
807
  <label>zoomMsg360_touch</label>
808
  <comment>Message displayed under mouse over zoom when 360 is loaded on touch devices, default: 'Drag to spin 360°, pinch to zoom in and out'. Can be Javascript object e.g. {"en": "text english...", "de": "text german...", "fr":"text french..."}</comment>
809
  <frontend_type>textarea</frontend_type>
810
- <sort_order>17</sort_order>
811
  <show_in_default>1</show_in_default>
812
  <show_in_website>1</show_in_website>
813
  <show_in_store>1</show_in_store>
814
  </zoomMsg360_touch>
815
  <preloadMouseOverImages>
816
- <label>preloadMouseOverImages</label>
817
  <comment>Preload all preview and mouseover images, possible values: false, true, 'oneByOne'</comment>
818
  <frontend_type>select</frontend_type>
819
  <source_model>axzoom/yesno</source_model>
820
- <sort_order>18</sort_order>
821
  <show_in_default>1</show_in_default>
822
  <show_in_website>1</show_in_website>
823
  <show_in_store>1</show_in_store>
@@ -826,7 +1017,7 @@
826
  <label>noImageAvailableClass</label>
827
  <comment>In case there are no images in "images", nor there are any in "images360", a div with some image as background can be appended to the container and receive this options value as css class</comment>
828
  <frontend_type>text</frontend_type>
829
- <sort_order>19</sort_order>
830
  <show_in_default>1</show_in_default>
831
  <show_in_website>1</show_in_website>
832
  <show_in_store>1</show_in_store>
@@ -835,7 +1026,7 @@
835
  <label>width</label>
836
  <comment>Width of the preview image or 'auto' (depending on parent container size - "divID", see above); this is also the value which will be passed to your AJAX-ZOOM imaging server to generate this image on-the-fly.</comment>
837
  <frontend_type>text</frontend_type>
838
- <sort_order>20</sort_order>
839
  <show_in_default>1</show_in_default>
840
  <show_in_website>1</show_in_website>
841
  <show_in_store>1</show_in_store>
@@ -844,7 +1035,7 @@
844
  <label>height</label>
845
  <comment>Height of the preview image or 'auto' (depending on parent container size - "divID", see above); this is also the value which will be passed to your AJAX-ZOOM imaging server to generate this image on-the-fly.</comment>
846
  <frontend_type>text</frontend_type>
847
- <sort_order>21</sort_order>
848
  <show_in_default>1</show_in_default>
849
  <show_in_website>1</show_in_website>
850
  <show_in_store>1</show_in_store>
@@ -854,17 +1045,17 @@
854
  <comment>Set this to true for responsive layouts</comment>
855
  <frontend_type>select</frontend_type>
856
  <source_model>axzoom/yesno</source_model>
857
- <sort_order>22</sort_order>
858
  <show_in_default>1</show_in_default>
859
  <show_in_website>1</show_in_website>
860
  <show_in_store>1</show_in_store>
861
  </responsive>
862
  <oneSrcImg>
863
- <label>oneSrcImg</label>
864
  <comment>Use single image as "preview image" - the image which is hovered and the big "flyout image".</comment>
865
  <frontend_type>select</frontend_type>
866
  <source_model>axzoom/yesno</source_model>
867
- <sort_order>23</sort_order>
868
  <show_in_default>1</show_in_default>
869
  <show_in_website>1</show_in_website>
870
  <show_in_store>1</show_in_store>
@@ -873,17 +1064,16 @@
873
  <label><![CDATA[<div class="notice-msg importantAZoption">heightRatio</div>]]></label>
874
  <comment>If "responsive" option is enabled, "heightRatio" with instantly adjust the height of mouseover container depending on width calculated by the browser, e.g. 1.0 will always (only limited by "maxSizePrc" option) make height same as width; a value of 1.5 will make the preview like a portrait. You can also set "heightRatio" to 'auto'. In this case the height will be adjusted to cover available space instantly! Please note that when your images are not always same proportion, then the container will also change the size when the user switches to a different image.</comment>
875
  <frontend_type>text</frontend_type>
876
- <sort_order>24</sort_order>
877
  <show_in_default>1</show_in_default>
878
  <show_in_website>1</show_in_website>
879
  <show_in_store>1</show_in_store>
880
  </heightRatio>
881
-
882
  <heightMaxWidthRatio>
883
- <label>heightMaxWidthRatio</label>
884
  <comment>Similar as you would set max-width: someValue @media only screen condition you can define "heightRatio" depending on the width of the browser, e.g. ["960|0.8", "700|0.7"]</comment>
885
  <frontend_type>text</frontend_type>
886
- <sort_order>25</sort_order>
887
  <show_in_default>1</show_in_default>
888
  <show_in_website>1</show_in_website>
889
  <show_in_store>1</show_in_store>
@@ -892,7 +1082,7 @@
892
  <label>widthRatio</label>
893
  <comment>Oposit of "heightRatio"</comment>
894
  <frontend_type>text</frontend_type>
895
- <sort_order>26</sort_order>
896
  <show_in_default>1</show_in_default>
897
  <show_in_website>1</show_in_website>
898
  <show_in_store>1</show_in_store>
@@ -901,17 +1091,16 @@
901
  <label>widthMaxHeightRatio</label>
902
  <comment>Oposit of "heightMaxWidthRatio"</comment>
903
  <frontend_type>text</frontend_type>
904
- <sort_order>27</sort_order>
905
  <show_in_default>1</show_in_default>
906
  <show_in_website>1</show_in_website>
907
  <show_in_store>1</show_in_store>
908
  </widthMaxHeightRatio>
909
-
910
  <maxSizePrc>
911
  <label><![CDATA[<div class="notice-msg importantAZoption">maxSizePrc</div>]]></label>
912
  <comment>Limit the height if "responsive" and "heightRatio" options are set. Setting "heightRatio" option may result in that the height of the mouseover zoom is bigger than window height and the image is not fully visible. To prevent this you can limit the calculated height with this "maxSizePrc" option. The value of 1.0 would limit the height to 100% of window height; a value of 0.8 to 80% of window height; you can also define two values, e.g. '1.0|-120' which would be window height minus 120px.</comment>
913
  <frontend_type>text</frontend_type>
914
- <sort_order>28</sort_order>
915
  <show_in_default>1</show_in_default>
916
  <show_in_website>1</show_in_website>
917
  <show_in_store>1</show_in_store>
@@ -920,7 +1109,7 @@
920
  <label><![CDATA[<div class="notice-msg importantAZoption">mouseOverZoomWidth</div>]]></label>
921
  <comment>Max width of the image that will be shown in the zoom window; this is the value which will be passed to your AJAX-ZOOM imaging server to generate this image on-the-fly. Please note that the size is limited by $zoom['config']['allowDynamicThumbsMaxSize'] which is can be set in '/axZm/zoomConfig.inc.php'. You can also specify a link to the image, see "images" option above. To set the width of the fly out window see "zoomWidth" under "mouseOverZoomParam".</comment>
922
  <frontend_type>text</frontend_type>
923
- <sort_order>29</sort_order>
924
  <show_in_default>1</show_in_default>
925
  <show_in_website>1</show_in_website>
926
  <show_in_store>1</show_in_store>
@@ -929,7 +1118,7 @@
929
  <label><![CDATA[<div class="notice-msg importantAZoption">mouseOverZoomHeight</div>]]></label>
930
  <comment>Max height of the image that will be shown in the zoom window; this is the value which will be passed to your AJAX-ZOOM imaging server to generate this image on-the-fly. Please note that the size is limited by $zoom['config']['allowDynamicThumbsMaxSize'] which is can be set in '/axZm/zoomConfig.inc.php'. You can also specify a link to the image, see "images" option above. To set the height of the fly out window see "zoomHeight" under "mouseOverZoomParam".</comment>
931
  <frontend_type>text</frontend_type>
932
- <sort_order>30</sort_order>
933
  <show_in_default>1</show_in_default>
934
  <show_in_website>1</show_in_website>
935
  <show_in_store>1</show_in_store>
@@ -938,7 +1127,7 @@
938
  <label><![CDATA[<div class="notice-msg importantAZoption">ajaxZoomOpenMode</div>]]></label>
939
  <comment>Determines how AJAX-ZOOM is opened when the user clicks on preview images / lens, possible values: 'fullscreen' (see also "fullScreenApi" option below), 'fancyboxFullscreen', 'fancybox', 'colorbox'; By editing $.mouseOverZoomInit you can extend the plugin to be used with different types of modal boxes to load AJAX-ZOOM into.</comment>
940
  <frontend_type>text</frontend_type>
941
- <sort_order>31</sort_order>
942
  <show_in_default>1</show_in_default>
943
  <show_in_website>1</show_in_website>
944
  <show_in_store>1</show_in_store>
@@ -946,8 +1135,8 @@
946
  <fancyBoxParam>
947
  <label>fancyBoxParam</label>
948
  <comment>If fancybox is used in "ajaxZoomOpenMode" option, Fancybox options</comment>
949
- <frontend_type>text</frontend_type>
950
- <sort_order>32</sort_order>
951
  <show_in_default>1</show_in_default>
952
  <show_in_website>1</show_in_website>
953
  <show_in_store>1</show_in_store>
@@ -955,8 +1144,8 @@
955
  <colorBoxParam>
956
  <label>colorBoxParam</label>
957
  <comment>If colorbox is used in "ajaxZoomOpenMode" option, Colorbox options</comment>
958
- <frontend_type>text</frontend_type>
959
- <sort_order>33</sort_order>
960
  <show_in_default>1</show_in_default>
961
  <show_in_website>1</show_in_website>
962
  <show_in_store>1</show_in_store>
@@ -965,7 +1154,7 @@
965
  <label>example</label>
966
  <comment>Configuration set which is passed to ajax-zoom when ajaxZoomOpenMode is 'fullscreen'</comment>
967
  <frontend_type>text</frontend_type>
968
- <sort_order>34</sort_order>
969
  <show_in_default>1</show_in_default>
970
  <show_in_website>1</show_in_website>
971
  <show_in_store>1</show_in_store>
@@ -974,7 +1163,7 @@
974
  <label>exampleFancyboxFullscreen</label>
975
  <comment>Configuration set which is passed to ajax-zoom when ajaxZoomOpenMode is 'fancyboxFullscreen'</comment>
976
  <frontend_type>text</frontend_type>
977
- <sort_order>35</sort_order>
978
  <show_in_default>1</show_in_default>
979
  <show_in_website>1</show_in_website>
980
  <show_in_store>1</show_in_store>
@@ -983,7 +1172,7 @@
983
  <label>exampleFancybox</label>
984
  <comment>Configuration set which is passed to ajax-zoom when ajaxZoomOpenMode is 'fancybox'</comment>
985
  <frontend_type>text</frontend_type>
986
- <sort_order>36</sort_order>
987
  <show_in_default>1</show_in_default>
988
  <show_in_website>1</show_in_website>
989
  <show_in_store>1</show_in_store>
@@ -992,27 +1181,50 @@
992
  <label>exampleColorbox</label>
993
  <comment>Configuration set which is passed to ajax-zoom when ajaxZoomOpenMode is 'colorbox'</comment>
994
  <frontend_type>text</frontend_type>
995
- <sort_order>37</sort_order>
996
  <show_in_default>1</show_in_default>
997
  <show_in_website>1</show_in_website>
998
  <show_in_store>1</show_in_store>
999
  </exampleColorbox>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1000
  <disableScrollAnm>
1001
  <label>disableScrollAnm</label>
1002
  <comment>Disable animation while zooming with AJAX-ZOOM</comment>
1003
  <frontend_type>select</frontend_type>
1004
  <source_model>axzoom/yesno</source_model>
1005
- <sort_order>38</sort_order>
1006
  <show_in_default>1</show_in_default>
1007
  <show_in_website>1</show_in_website>
1008
  <show_in_store>1</show_in_store>
1009
  </disableScrollAnm>
 
1010
  <fullScreenApi>
1011
  <label>fullScreenApi</label>
1012
  <comment>Try to open AJAX-ZOOM at browsers fullscreen mode, possible on modern browsers except IE &lt; 10 and mobile</comment>
1013
  <frontend_type>select</frontend_type>
1014
  <source_model>axzoom/yesno</source_model>
1015
- <sort_order>39</sort_order>
1016
  <show_in_default>1</show_in_default>
1017
  <show_in_website>1</show_in_website>
1018
  <show_in_store>1</show_in_store>
@@ -1022,7 +1234,7 @@
1022
  <label>axZmCallBacks</label>
1023
  <comment><![CDATA[<div class="validation-advice">Attention: you are editing JavaScript object! Errors will lead to AJAX-ZOOM not working properly.</div><p class="note">AJAX-ZOOM has several callbacks, http://www.ajax-zoom.com/index.php?cid=docs#onBeforeStart</p>]]></comment>
1024
  <frontend_type>textarea</frontend_type>
1025
- <sort_order>39</sort_order>
1026
  <show_in_default>1</show_in_default>
1027
  <show_in_website>1</show_in_website>
1028
  <show_in_store>1</show_in_store>
@@ -1031,7 +1243,7 @@
1031
  <label><![CDATA[<div class="notice-msg importantAZoption">azOptions</div>]]></label>
1032
  <comment><![CDATA[<div class="validation-advice">Attention: you are editing JavaScript object! Errors will lead to AJAX-ZOOM not working properly.</div><p class="note">AJAX-ZOOM options can be set with JS when AJAX-ZOOM is inited. Normally you would be defining them in /axZm/zoomConfig.inc.php or /axZm/zoomConfigCustom.inc.php; this field is for convinience reasons. Example: {fullScreenCornerButton: false} - this would disable the button for fullscreen</p>]]></comment>
1033
  <frontend_type>textarea</frontend_type>
1034
- <sort_order>40</sort_order>
1035
  <show_in_default>1</show_in_default>
1036
  <show_in_website>1</show_in_website>
1037
  <show_in_store>1</show_in_store>
@@ -1040,99 +1252,29 @@
1040
  <label><![CDATA[<div class="notice-msg importantAZoption">azOptions360</div>]]></label>
1041
  <comment><![CDATA[<div class="validation-advice">Attention: you are editing JavaScript object! Errors will lead to AJAX-ZOOM not working properly.</div><p class="note">Same as above but specifically for 360/3D</p>]]></comment>
1042
  <frontend_type>textarea</frontend_type>
1043
- <sort_order>41</sort_order>
1044
  <show_in_default>1</show_in_default>
1045
  <show_in_website>1</show_in_website>
1046
  <show_in_store>1</show_in_store>
1047
  </azOptions360>
1048
- <qualityThumb>
1049
- <label>qualityThumb</label>
1050
- <comment>Jpeg quality of the gallery thumbs</comment>
1051
- <frontend_type>text</frontend_type>
1052
- <sort_order>42</sort_order>
1053
- <show_in_default>1</show_in_default>
1054
- <show_in_website>1</show_in_website>
1055
- <show_in_store>1</show_in_store>
1056
- </qualityThumb>
1057
- <quality>
1058
- <label>quality</label>
1059
- <comment>Jpeg quality of the preview image</comment>
1060
- <frontend_type>text</frontend_type>
1061
- <sort_order>42</sort_order>
1062
- <show_in_default>1</show_in_default>
1063
- <show_in_website>1</show_in_website>
1064
- <show_in_store>1</show_in_store>
1065
- </quality>
1066
- <qualityZoom>
1067
- <label>qualityZoom</label>
1068
- <comment>Jpeg quality of the zoom image shown in the flyout window</comment>
1069
- <frontend_type>text</frontend_type>
1070
- <sort_order>43</sort_order>
1071
- <show_in_default>1</show_in_default>
1072
- <show_in_website>1</show_in_website>
1073
- <show_in_store>1</show_in_store>
1074
- </qualityZoom>
1075
- <onLoad>
1076
- <label>onLoad</label>
1077
- <comment>Callback function</comment>
1078
- <frontend_type>text</frontend_type>
1079
- <sort_order>44</sort_order>
1080
- <show_in_default>1</show_in_default>
1081
- <show_in_website>1</show_in_website>
1082
- <show_in_store>1</show_in_store>
1083
- </onLoad>
1084
- <onImageChange>
1085
- <label>onImageChange</label>
1086
- <comment>Callback function</comment>
1087
- <frontend_type>text</frontend_type>
1088
- <sort_order>45</sort_order>
1089
- <show_in_default>1</show_in_default>
1090
- <show_in_website>1</show_in_website>
1091
- <show_in_store>1</show_in_store>
1092
- </onImageChange>
1093
- <onMouseOver>
1094
- <label>onMouseOver</label>
1095
- <comment>Callback function</comment>
1096
- <frontend_type>text</frontend_type>
1097
- <sort_order>46</sort_order>
1098
- <show_in_default>1</show_in_default>
1099
- <show_in_website>1</show_in_website>
1100
- <show_in_store>1</show_in_store>
1101
- </onMouseOver>
1102
- <onMouseOut>
1103
- <label>onMouseOut</label>
1104
- <comment>Callback function</comment>
1105
- <frontend_type>text</frontend_type>
1106
- <sort_order>47</sort_order>
1107
- <show_in_default>1</show_in_default>
1108
- <show_in_website>1</show_in_website>
1109
- <show_in_store>1</show_in_store>
1110
- </onMouseOut>
1111
- <spinner>
1112
- <label>spinner</label>
1113
- <comment>Use ajax loading spinner without gif files etc</comment>
1114
  <frontend_type>select</frontend_type>
1115
  <source_model>axzoom/yesno</source_model>
1116
- <sort_order>48</sort_order>
1117
  <show_in_default>1</show_in_default>
1118
  <show_in_website>1</show_in_website>
1119
  <show_in_store>1</show_in_store>
1120
- </spinner>
1121
- <spinnerParam>
1122
- <label>spinnerParam</label>
1123
- <comment>Spinner options, for more info see: http://fgnass.github.com/spin.js/</comment>
1124
- <frontend_type>textarea</frontend_type>
1125
- <sort_order>49</sort_order>
1126
- <show_in_default>1</show_in_default>
1127
- <show_in_website>1</show_in_website>
1128
- <show_in_store>1</show_in_store>
1129
- </spinnerParam>
1130
  </fields>
1131
  </main>
 
1132
  <pinterest translate="label">
1133
  <label>Settings for pinterest button</label>
1134
  <frontend_type>text</frontend_type>
1135
- <sort_order>4</sort_order>
1136
  <show_in_default>1</show_in_default>
1137
  <show_in_website>1</show_in_website>
1138
  <show_in_store>1</show_in_store>
@@ -1221,29 +1363,11 @@
1221
  </data>
1222
  </fields>
1223
  </pinterest>
1224
- <products translate="label">
1225
- <label>DISPLAY ONLY IN THESE PRODUCTS</label>
1226
- <frontend_type>text</frontend_type>
1227
- <sort_order>5</sort_order>
1228
- <show_in_default>1</show_in_default>
1229
- <show_in_website>1</show_in_website>
1230
- <show_in_store>1</show_in_store>
1231
- <fields>
1232
- <displayOnlyForThisProductID>
1233
- <label>displayOnlyForThisProductID</label>
1234
- <comment>CSV with product IDs for which AJAX-ZOOM will be only enabled. Leave blank to have it enabled for all products! This option can be usefull e.g. if you want to make A/B tests and enable AJAX-ZOOM only for certain products, e.g. 7,15 would enable AJAX-ZOOM only for products with ID 7 and 15</comment>
1235
- <frontend_type>textarea</frontend_type>
1236
- <sort_order>47</sort_order>
1237
- <show_in_default>1</show_in_default>
1238
- <show_in_website>1</show_in_website>
1239
- <show_in_store>1</show_in_store>
1240
- </displayOnlyForThisProductID>
1241
- </fields>
1242
- </products>
1243
  <magento translate="label">
1244
  <label>Magento specific settings</label>
1245
  <frontend_type>text</frontend_type>
1246
- <sort_order>99</sort_order>
1247
  <show_in_default>1</show_in_default>
1248
  <show_in_website>1</show_in_website>
1249
  <show_in_store>1</show_in_store>
@@ -1271,6 +1395,27 @@
1271
 
1272
  </fields>
1273
  </magento>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1274
  </groups>
1275
  </axzoom_options>
1276
  </sections>
4
  * Module: jQuery AJAX-ZOOM for Magento, /app/code/local/Ax/Zoom/etc/system.xml
5
  * Copyright: Copyright (c) 2010-2015 Vadim Jacobi
6
  * License Agreement: http://www.ajax-zoom.com/index.php?cid=download
7
+ * Version: 1.0.3
8
+ * Date: 2015-10-09
9
+ * Review: 2015-10-09
10
  * URL: http://www.ajax-zoom.com
11
  * Documentation: http://www.ajax-zoom.com/index.php?cid=modules&module=magento
12
  *
21
  <label>AJAX-ZOOM</label>
22
  <tab>catalog</tab>
23
  <frontend_type>text</frontend_type>
24
+ <sort_order>30</sort_order>
25
  <show_in_default>1</show_in_default>
26
  <show_in_website>1</show_in_website>
27
  <show_in_store>1</show_in_store>
28
  <groups>
29
+
30
  <general translate="label">
31
  <label>About</label>
32
+ <sort_order>10</sort_order>
33
  <show_in_default>1</show_in_default>
34
  <show_in_website>1</show_in_website>
35
  <show_in_store>1</show_in_store>
37
  <![CDATA[
38
  <style>
39
  .importantAZoption{
40
+ color: #3d6611 !important;
41
  font-weight: bolder;
42
  background-position: 0 0 !important;
43
  padding-left: 24px;
45
  border-width: 0 !important;
46
  word-break: break-all;
47
  }
48
+ .comment a{
49
+ color: #ea7601 !important;
50
+ }
51
+ .importantAZcolor{
52
+ color: #3d6611 !important;
53
+ font-weight: bolder;
54
+ }
55
+ #licType{
56
+ width: 100px !important;
57
+ }
58
  </style>
59
+ <script>
60
+ var az_getCoordsEl = function(elem) { var box = elem.getBoundingClientRect(); var body = document.body; var docEl = document.documentElement; var scrollTop = window.pageYOffset || docEl.scrollTop || body.scrollTop; var scrollLeft = window.pageXOffset || docEl.scrollLeft || body.scrollLeft; var clientTop = docEl.clientTop || body.clientTop || 0; var clientLeft = docEl.clientLeft || body.clientLeft || 0;var top = box.top + scrollTop - clientTop; var left = box.left + scrollLeft - clientLeft; return { top: Math.round(top), left: Math.round(left) }; }
61
+
62
+ // Fieldset.az_open('axzoom_options_mouseOverZoomParam', 'axzoom_options_mouseOverZoomParam_zoomWidth');
63
+ if (Fieldset){
64
+ Fieldset.az_open = function(containerId, scrollToElId){
65
+ var test_col = $(containerId + '-state').value;
66
+ if (test_col == 0){
67
+ this.toggleCollapse(containerId);
68
+ }
69
+ if (scrollToElId){
70
+ var ell = document.getElementById(scrollToElId);
71
+ if (ell){
72
+ var targetY = az_getCoordsEl(ell)['top'] - 50;
73
+ if (targetY < 0){return;}
74
+ window.scrollTo(0, targetY);
75
+ }
76
+ }
77
+ }
78
+ }else{
79
+ Fieldset = {
80
+ az_open: function(containerId){
81
+ return;
82
+ }
83
+ };
84
+ }
85
+ </script>
86
+
87
  <ul style="list-style: square">
88
+ <li>AJAX-ZOOM is a multipurpose library for displaying (high resolution) images and 360°/3D spins. <br>
89
+ This Magento module integrates only one particular implementation (example) from AJAX-ZOOM library into Magento. <br>
90
  In raw form this example can be found here:
91
  <a target="_blank" href="http://www.ajax-zoom.com/examples/example32_responsive.php">
92
  http://www.ajax-zoom.com/examples/example32_responsive.php
93
+ </a> <br>
94
+ There you will also find some subtle details about the options which you can configure below. <br>
95
+ The options below mainly refer to this one implementation / example. <br><br>
96
+ <b>However</b> AJAX-ZOOM has many other options which can be set manually in /js/axzoom/axZm/zoomConfigCustom.inc.php
 
97
  after <br> <code>elseif ($_GET['example'] == 'mouseOverExtension360')</code> for 360° views and
98
  <br><code>elseif ($_GET['example'] == 'mouseOverExtension')</code>
99
+ for regular images views <br> or if you do not want to edit PHP files - most of the options can be also set in these
100
+ formfields as JS plain object:
101
+ <ol style="margin-left: 25px; list-style: decimal">
102
+ <li><a href="javascript:void(0)" onclick="Fieldset.az_open('axzoom_options_main', 'axzoom_options_main_azOptions')">azOptions</a> - for 2D zoom</li>
103
+ <li><a href="javascript:void(0)" onclick="Fieldset.az_open('axzoom_options_main', 'axzoom_options_main_azOptions360')">azOptions360</a> - for 360/3D zoom</li>
104
  </ol>
105
  </li>
106
  <li>Depending on the template used you might need to adjust especially these two options:
107
+ <ol style="margin-left: 25px; list-style: decimal">
108
+ <li><a href="javascript:void(0)" onclick="Fieldset.az_open('axzoom_options_mouseOverZoomParam', 'axzoom_options_mouseOverZoomParam_zoomWidth')">zoomWidth</a> - width of the mouseover flyout window</li>
109
+ <li><a href="javascript:void(0)" onclick="Fieldset.az_open('axzoom_options_mouseOverZoomParam', 'axzoom_options_mouseOverZoomParam_zoomHeight')">zoomHeight</a> - height of the mouseover flyout window</li>
110
  </ol>
111
  If you will be not able to adjust these options on your own please
112
+ <a target="_blank" href="http://www.ajax-zoom.com/index.php?cid=contact">ask for support</a>
113
  </li>
114
+ <li>Other useful / most common options are marked <span class="importantAZcolor">green</span> with this symbol: <span class="notice-msg importantAZoption"></span>
115
  </li>
116
  </ul>
117
  ]]>
118
  </comment>
119
  </general>
120
+
121
  <license translate="label">
122
  <label>AJAX-ZOOM license(s)</label>
123
  <frontend_type>text</frontend_type>
124
+ <sort_order>20</sort_order>
125
  <show_in_default>1</show_in_default>
126
  <show_in_website>1</show_in_website>
127
  <show_in_store>1</show_in_store>
140
  </lic>
141
  </fields>
142
  </license>
143
+
144
+ <mouseOverZoomParam translate="label">
145
+ <label>Specific options for mouseover zoom</label>
146
  <frontend_type>text</frontend_type>
147
+ <sort_order>30</sort_order>
148
  <show_in_default>1</show_in_default>
149
  <show_in_website>1</show_in_website>
150
  <show_in_store>1</show_in_store>
154
  <comment>Position of the flyout zoom window, possible values: 'inside', 'top', 'right', 'bottom', 'left'</comment>
155
  <frontend_type>select</frontend_type>
156
  <source_model>axzoom/position</source_model>
157
+ <sort_order>10</sort_order>
158
  <show_in_default>1</show_in_default>
159
  <show_in_website>1</show_in_website>
160
  <show_in_store>1</show_in_store>
163
  <label>posAutoInside</label>
164
  <comment>applies when width (left, right) or height (top, bottom) of zoom window are less than this px value (zoomWidth || zoomHeight are set to auto); if zoomWidth || zoomHeight are fixed, applies when zoom window is out of page border</comment>
165
  <frontend_type>text</frontend_type>
166
+ <sort_order>20</sort_order>
167
  <show_in_default>1</show_in_default>
168
  <show_in_website>1</show_in_website>
169
  <show_in_store>1</show_in_store>
172
  <label>posInsideArea</label>
173
  <comment>When "posAutoInside" is enabled and inner zoom fires or "position" option is set to 'inside' right away - there is no lens. However you will notice that the reaction to mouse movements occure somewhere in the middle of the image; at the edges mostly nothing happens in simmilar scripts. With this option you can adjust how far from the edge mouse movements should be captured. The range is between 0 and 0.5;</comment>
174
  <frontend_type>text</frontend_type>
175
+ <sort_order>30</sort_order>
176
  <show_in_default>1</show_in_default>
177
  <show_in_website>1</show_in_website>
178
  <show_in_store>1</show_in_store>
179
  </posInsideArea>
180
  <touchScroll>
181
+ <label><![CDATA[<div class="notice-msg importantAZoption">touchScroll</div>]]></label>
182
  <comment>If width of the mouseover zoom container is more than 80% (0.8) of the widnow width, than for touch devises the inner zoom will be not triggered and the user can scroll down. Click for open AJAX-ZOOM remains. Set this value to 0 if you want to enable the slider for touch devices only. </comment>
183
  <frontend_type>text</frontend_type>
184
+ <sort_order>40</sort_order>
185
  <show_in_default>1</show_in_default>
186
  <show_in_website>1</show_in_website>
187
  <show_in_store>1</show_in_store>
188
  </touchScroll>
189
  <noMouseOverZoom>
190
+ <label><![CDATA[<div class="notice-msg importantAZoption">noMouseOverZoom</div>]]></label>
191
  <comment>Disable mouseover zoom completly for touch and none touch devices. If you want to disable it only for touch devices, set "touchScroll" option above to 0 </comment>
192
  <frontend_type>select</frontend_type>
193
  <source_model>axzoom/yesno</source_model>
194
+ <sort_order>50</sort_order>
195
  <show_in_default>1</show_in_default>
196
  <show_in_website>1</show_in_website>
197
  <show_in_store>1</show_in_store>
200
  <label>autoFlip</label>
201
  <comment>Flip right to left and bottom to top if less than int px value or false to disable</comment>
202
  <frontend_type>text</frontend_type>
203
+ <sort_order>60</sort_order>
204
  <show_in_default>1</show_in_default>
205
  <show_in_website>1</show_in_website>
206
  <show_in_store>1</show_in_store>
210
  <comment>Overrides position option and instantly chooses the direction, disables autoFlip; playes nicely when zoomWidth and zoomHeight are set to 'auto'</comment>
211
  <frontend_type>select</frontend_type>
212
  <source_model>axzoom/yesno</source_model>
213
+ <sort_order>70</sort_order>
214
  <show_in_default>1</show_in_default>
215
  <show_in_website>1</show_in_website>
216
  <show_in_store>1</show_in_store>
220
  <comment>Uses full screen height (does not align to the map / disables adjustY) if position is right or left || uses full screen width (does not align to the map / disables adjustX) if position is top or bottom</comment>
221
  <frontend_type>select</frontend_type>
222
  <source_model>axzoom/yesno</source_model>
223
+ <sort_order>80</sort_order>
224
  <show_in_default>1</show_in_default>
225
  <show_in_website>1</show_in_website>
226
  <show_in_store>1</show_in_store>
227
  </zoomFullSpace>
228
  <zoomWidth>
229
+ <label><![CDATA[<div class="notice-msg importantAZoption">zoomWidth</div>]]></label>
230
  <comment>Width of the zoom window e.g. 540 or 'auto' or jQuery selector|correction value, e.g. '#refWidthTest|+20';
231
  so if you want to have a width of the zoom window same as for example a responsive container to the right
232
  (so it is fully covered) and max possible height, then define the id of this container to the right,
236
  the margin between the containers is not taken into account but you can adjust the result with the second value after vertical bar.
237
  </comment>
238
  <frontend_type>text</frontend_type>
239
+ <sort_order>90</sort_order>
240
  <show_in_default>1</show_in_default>
241
  <show_in_website>1</show_in_website>
242
  <show_in_store>1</show_in_store>
243
  </zoomWidth>
244
  <zoomHeight>
245
+ <label><![CDATA[<div class="notice-msg importantAZoption">zoomHeight</div>]]></label>
246
  <comment>Height of the zoom window e.g. 375, or 'auto' or jQuery selector|correction value,
247
  e.g. '#refWidthTest|+20'; if your selector matches more than one element, e.g. '.pb-center-column,.pb-right-column|+20',
248
  then the highest value will be choosen. This is different from the multiple selector in "zoomWidth", where the values are added.
249
  </comment>
250
  <frontend_type>text</frontend_type>
251
+ <sort_order>100</sort_order>
252
  <show_in_default>1</show_in_default>
253
  <show_in_website>1</show_in_website>
254
  <show_in_store>1</show_in_store>
257
  <label>autoMargin</label>
258
  <comment>If zoomWidth or zoomHeight are set to 'auto', the margin to the edge of the screen</comment>
259
  <frontend_type>text</frontend_type>
260
+ <sort_order>110</sort_order>
261
  <show_in_default>1</show_in_default>
262
  <show_in_website>1</show_in_website>
263
  <show_in_store>1</show_in_store>
264
  </autoMargin>
265
  <adjustX>
266
+ <label><![CDATA[<div class="notice-msg importantAZoption">adjustX</div>]]></label>
267
  <comment>Horizontal margin of the zoom window</comment>
268
  <frontend_type>text</frontend_type>
269
+ <sort_order>120</sort_order>
270
  <show_in_default>1</show_in_default>
271
  <show_in_website>1</show_in_website>
272
  <show_in_store>1</show_in_store>
273
  </adjustX>
274
  <adjustY>
275
+ <label><![CDATA[<div class="notice-msg importantAZoption">adjustY</div>]]></label>
276
  <comment>Vertical margin of the zoom window</comment>
277
  <frontend_type>text</frontend_type>
278
+ <sort_order>130</sort_order>
279
  <show_in_default>1</show_in_default>
280
  <show_in_website>1</show_in_website>
281
  <show_in_store>1</show_in_store>
284
  <label><![CDATA[<div class="notice-msg importantAZoption">lensOpacity</div>]]></label>
285
  <comment>Opacity of the selector lens</comment>
286
  <frontend_type>text</frontend_type>
287
+ <sort_order>140</sort_order>
288
  <show_in_default>1</show_in_default>
289
  <show_in_website>1</show_in_website>
290
  <show_in_store>1</show_in_store>
292
  <lensStyle>
293
  <label>lensStyle</label>
294
  <comment>Quickly override css of the lens</comment>
295
+ <frontend_type>textarea</frontend_type>
296
+ <sort_order>150</sort_order>
297
  <show_in_default>1</show_in_default>
298
  <show_in_website>1</show_in_website>
299
  <show_in_store>1</show_in_store>
302
  <label>lensClass</label>
303
  <comment>Set css class for the lens</comment>
304
  <frontend_type>text</frontend_type>
305
+ <sort_order>160</sort_order>
306
  <show_in_default>1</show_in_default>
307
  <show_in_website>1</show_in_website>
308
  <show_in_store>1</show_in_store>
311
  <label>zoomAreaBorderWidth</label>
312
  <comment>Border thickness of the zoom window</comment>
313
  <frontend_type>text</frontend_type>
314
+ <sort_order>170</sort_order>
315
  <show_in_default>1</show_in_default>
316
  <show_in_website>1</show_in_website>
317
  <show_in_store>1</show_in_store>
320
  <label>galleryFade</label>
321
  <comment>Speed of inner fade or false</comment>
322
  <frontend_type>text</frontend_type>
323
+ <sort_order>180</sort_order>
324
  <show_in_default>1</show_in_default>
325
  <show_in_website>1</show_in_website>
326
  <show_in_store>1</show_in_store>
329
  <label>shutterSpeed</label>
330
  <comment>Speed of shutter fadein or false; applies only if image proportions are different from container</comment>
331
  <frontend_type>text</frontend_type>
332
+ <sort_order>190</sort_order>
333
  <show_in_default>1</show_in_default>
334
  <show_in_website>1</show_in_website>
335
  <show_in_store>1</show_in_store>
338
  <label>showFade</label>
339
  <comment>Speed of fade in for mouse over</comment>
340
  <frontend_type>text</frontend_type>
341
+ <sort_order>200</sort_order>
342
  <show_in_default>1</show_in_default>
343
  <show_in_website>1</show_in_website>
344
  <show_in_store>1</show_in_store>
347
  <label>hideFade</label>
348
  <comment>Speed of fade out for mouse over</comment>
349
  <frontend_type>text</frontend_type>
350
+ <sort_order>210</sort_order>
351
  <show_in_default>1</show_in_default>
352
  <show_in_website>1</show_in_website>
353
  <show_in_store>1</show_in_store>
356
  <label>flyOutSpeed</label>
357
  <comment>Speed for flyout or false to disable</comment>
358
  <frontend_type>text</frontend_type>
359
+ <sort_order>220</sort_order>
360
  <show_in_default>1</show_in_default>
361
  <show_in_website>1</show_in_website>
362
  <show_in_store>1</show_in_store>
365
  <label>flyOutTransition</label>
366
  <comment>Transition of the flyout</comment>
367
  <frontend_type>text</frontend_type>
368
+ <sort_order>230</sort_order>
369
  <show_in_default>1</show_in_default>
370
  <show_in_website>1</show_in_website>
371
  <show_in_store>1</show_in_store>
374
  <label>flyOutOpacity</label>
375
  <comment>Initial opacity for flyout</comment>
376
  <frontend_type>text</frontend_type>
377
+ <sort_order>240</sort_order>
378
  <show_in_default>1</show_in_default>
379
  <show_in_website>1</show_in_website>
380
  <show_in_store>1</show_in_store>
383
  <label>flyBackSpeed</label>
384
  <comment>Speed for fly back or false to disable</comment>
385
  <frontend_type>text</frontend_type>
386
+ <sort_order>250</sort_order>
387
  <show_in_default>1</show_in_default>
388
  <show_in_website>1</show_in_website>
389
  <show_in_store>1</show_in_store>
392
  <label>flyBackTransition</label>
393
  <comment>Transition type of the fly back</comment>
394
  <frontend_type>text</frontend_type>
395
+ <sort_order>260</sort_order>
396
  <show_in_default>1</show_in_default>
397
  <show_in_website>1</show_in_website>
398
  <show_in_store>1</show_in_store>
401
  <label>flyBackOpacity</label>
402
  <comment>Final opacity of fly back</comment>
403
  <frontend_type>text</frontend_type>
404
+ <sort_order>270</sort_order>
405
  <show_in_default>1</show_in_default>
406
  <show_in_website>1</show_in_website>
407
  <show_in_store>1</show_in_store>
411
  <comment>Scroll page when clicked on the thumb and the mouse over preview image is not fully visible</comment>
412
  <frontend_type>select</frontend_type>
413
  <source_model>axzoom/yesno</source_model>
414
+ <sort_order>280</sort_order>
415
  <show_in_default>1</show_in_default>
416
  <show_in_website>1</show_in_website>
417
  <show_in_store>1</show_in_store>
420
  <label><![CDATA[<div class="notice-msg importantAZoption">smoothMove</div>]]></label>
421
  <comment>Integer bigger than 1 indicates smoother movements; set 0 to disable</comment>
422
  <frontend_type>text</frontend_type>
423
+ <sort_order>290</sort_order>
424
  <show_in_default>1</show_in_default>
425
  <show_in_website>1</show_in_website>
426
  <show_in_store>1</show_in_store>
429
  <label>tint</label>
430
  <comment>Color value around the lens or false</comment>
431
  <frontend_type>text</frontend_type>
432
+ <sort_order>300</sort_order>
433
  <show_in_default>1</show_in_default>
434
  <show_in_website>1</show_in_website>
435
  <show_in_store>1</show_in_store>
438
  <label>tintOpacity</label>
439
  <comment>Opacity of the area around the lens when "tint" option is set to some color value</comment>
440
  <frontend_type>text</frontend_type>
441
+ <sort_order>310</sort_order>
442
  <show_in_default>1</show_in_default>
443
  <show_in_website>1</show_in_website>
444
  <show_in_store>1</show_in_store>
447
  <label>tintFilter</label>
448
  <comment>Apply filter to the image, e.g. "blur", "grayscale", "sepia", "invert", "saturate"; see also .axZm_mouseOverEffect>img CSS</comment>
449
  <frontend_type>text</frontend_type>
450
+ <sort_order>320</sort_order>
451
  <show_in_default>1</show_in_default>
452
  <show_in_website>1</show_in_website>
453
  <show_in_store>1</show_in_store>
457
  <comment>Show background image in the lens</comment>
458
  <frontend_type>select</frontend_type>
459
  <source_model>axzoom/yesno</source_model>
460
+ <sort_order>330</sort_order>
461
  <show_in_default>1</show_in_default>
462
  <show_in_website>1</show_in_website>
463
  <show_in_store>1</show_in_store>
467
  <comment>Enable / disable title on zoom window</comment>
468
  <frontend_type>select</frontend_type>
469
  <source_model>axzoom/yesno</source_model>
470
+ <sort_order>340</sort_order>
471
  <show_in_default>1</show_in_default>
472
  <show_in_website>1</show_in_website>
473
  <show_in_store>1</show_in_store>
476
  <label>titleOpacity</label>
477
  <comment>Opacity of the title container</comment>
478
  <frontend_type>text</frontend_type>
479
+ <sort_order>350</sort_order>
480
  <show_in_default>1</show_in_default>
481
  <show_in_website>1</show_in_website>
482
  <show_in_store>1</show_in_store>
485
  <label>titlePosition</label>
486
  <comment>Position of the title, top or bottom</comment>
487
  <frontend_type>text</frontend_type>
488
+ <sort_order>360</sort_order>
489
  <show_in_default>1</show_in_default>
490
  <show_in_website>1</show_in_website>
491
  <show_in_store>1</show_in_store>
494
  <label>cursorPositionX</label>
495
  <comment>Cursor over lens horizontal offset, 0.5 is middle</comment>
496
  <frontend_type>text</frontend_type>
497
+ <sort_order>370</sort_order>
498
  <show_in_default>1</show_in_default>
499
  <show_in_website>1</show_in_website>
500
  <show_in_store>1</show_in_store>
503
  <label>cursorPositionY</label>
504
  <comment>Cursor over lens vertical offset, 0.5 is middle</comment>
505
  <frontend_type>text</frontend_type>
506
+ <sort_order>380</sort_order>
507
  <show_in_default>1</show_in_default>
508
  <show_in_website>1</show_in_website>
509
  <show_in_store>1</show_in_store>
512
  <label>touchClickAbort</label>
513
  <comment>Time in ms after which click is aborted without touch movement and mousehover is initialized</comment>
514
  <frontend_type>text</frontend_type>
515
+ <sort_order>390</sort_order>
516
  <show_in_default>1</show_in_default>
517
  <show_in_website>1</show_in_website>
518
  <show_in_store>1</show_in_store>
522
  <comment>Display loading information, CSS .mouseOverLoading</comment>
523
  <frontend_type>select</frontend_type>
524
  <source_model>axzoom/yesno</source_model>
525
+ <sort_order>400</sort_order>
526
  <show_in_default>1</show_in_default>
527
  <show_in_website>1</show_in_website>
528
  <show_in_store>1</show_in_store>
530
  <loadingMessage>
531
  <label>loadingMessage</label>
532
  <comment>Loading message, not needed, can be just the spinner - see below</comment>
533
+ <frontend_type>textarea</frontend_type>
534
+ <sort_order>410</sort_order>
535
  <show_in_default>1</show_in_default>
536
  <show_in_website>1</show_in_website>
537
  <show_in_store>1</show_in_store>
540
  <label>loadingWidth</label>
541
  <comment>Width of loading container</comment>
542
  <frontend_type>text</frontend_type>
543
+ <sort_order>420</sort_order>
544
  <show_in_default>1</show_in_default>
545
  <show_in_website>1</show_in_website>
546
  <show_in_store>1</show_in_store>
549
  <label>loadingHeight</label>
550
  <comment>Height of loading container</comment>
551
  <frontend_type>text</frontend_type>
552
+ <sort_order>430</sort_order>
553
  <show_in_default>1</show_in_default>
554
  <show_in_website>1</show_in_website>
555
  <show_in_store>1</show_in_store>
558
  <label>loadingOpacity</label>
559
  <comment>Opacity of the loading container (the transparent background is set via png image on default, see css class)</comment>
560
  <frontend_type>text</frontend_type>
561
+ <sort_order>440</sort_order>
562
  <show_in_default>1</show_in_default>
563
  <show_in_website>1</show_in_website>
564
  <show_in_store>1</show_in_store>
568
  <comment>Enable zoom icon which disappears on mouse hover; css class: .axZm_mouseOverZoomHint; If you want to change the position or the icon simply change the css class;</comment>
569
  <frontend_type>select</frontend_type>
570
  <source_model>axzoom/yesno</source_model>
571
+ <sort_order>450</sort_order>
572
  <show_in_default>1</show_in_default>
573
  <show_in_website>1</show_in_website>
574
  <show_in_store>1</show_in_store>
577
  <label>zoomHintText</label>
578
  <comment>Text which will be appended next to the icon enabled by "zoomHintEnable"</comment>
579
  <frontend_type>text</frontend_type>
580
+ <sort_order>460</sort_order>
581
  <show_in_default>1</show_in_default>
582
  <show_in_website>1</show_in_website>
583
  <show_in_store>1</show_in_store>
585
  <zoomMsgHover>
586
  <label>zoomMsgHover</label>
587
  <comment>Message which can appear under the mouse over zoom, css class: .axZm_mouseOverZoomMsg</comment>
588
+ <frontend_type>textarea</frontend_type>
589
+ <sort_order>470</sort_order>
590
  <show_in_default>1</show_in_default>
591
  <show_in_website>1</show_in_website>
592
  <show_in_store>1</show_in_store>
595
  <label>zoomMsgClick</label>
596
  <comment>Message which can appear under the mouse over zoom when the mouse enters it.</comment>
597
  <frontend_type>text</frontend_type>
598
+ <sort_order>480</sort_order>
599
  <show_in_default>1</show_in_default>
600
  <show_in_website>1</show_in_website>
601
  <show_in_store>1</show_in_store>
604
  <label>slideInTime</label>
605
  <comment>Slide in time if "noMouseOverZoom" is enabled or "touchScroll" option enables for touch devices</comment>
606
  <frontend_type>text</frontend_type>
607
+ <sort_order>490</sort_order>
608
  <show_in_default>1</show_in_default>
609
  <show_in_website>1</show_in_website>
610
  <show_in_store>1</show_in_store>
613
  <label>slideInEasingCSS3</label>
614
  <comment>jQuery equivalent of easing or own function (string), e.g. "cubic-bezier(0.21,0.51,0.4,2.02)", see also cubic-bezier.com </comment>
615
  <frontend_type>text</frontend_type>
616
+ <sort_order>500</sort_order>
617
  <show_in_default>1</show_in_default>
618
  <show_in_website>1</show_in_website>
619
  <show_in_store>1</show_in_store>
622
  <label>slideInEasing</label>
623
  <comment>jQuery easing function for sliding in (fallback if CSS3 animation is not supported)</comment>
624
  <frontend_type>text</frontend_type>
625
+ <sort_order>510</sort_order>
626
  <show_in_default>1</show_in_default>
627
  <show_in_website>1</show_in_website>
628
  <show_in_store>1</show_in_store>
631
  <label>slideInScale</label>
632
  <comment>Scale initial size (goes to 1.0 while animation)</comment>
633
  <frontend_type>text</frontend_type>
634
+ <sort_order>520</sort_order>
635
  <show_in_default>1</show_in_default>
636
  <show_in_website>1</show_in_website>
637
  <show_in_store>1</show_in_store>
640
  <label>slideOutScale</label>
641
  <comment>Scale slideout size</comment>
642
  <frontend_type>text</frontend_type>
643
+ <sort_order>530</sort_order>
644
  <show_in_default>1</show_in_default>
645
  <show_in_website>1</show_in_website>
646
  <show_in_store>1</show_in_store>
649
  <label>slideOutOpacity</label>
650
  <comment>Slideout opacity</comment>
651
  <frontend_type>text</frontend_type>
652
+ <sort_order>540</sort_order>
653
  <show_in_default>1</show_in_default>
654
  <show_in_website>1</show_in_website>
655
  <show_in_store>1</show_in_store>
658
  <label>slideOutDest</label>
659
  <comment>Target slideout position, possible values: 1, 2 or 3</comment>
660
  <frontend_type>text</frontend_type>
661
+ <sort_order>550</sort_order>
662
  <show_in_default>1</show_in_default>
663
  <show_in_website>1</show_in_website>
664
  <show_in_store>1</show_in_store>
665
  </slideOutDest>
666
+ <onInit>
667
+ <label>onInit</label>
668
+ <comment>Callback function</comment>
669
+ <frontend_type>textarea</frontend_type>
670
+ <sort_order>560</sort_order>
671
+ <show_in_default>1</show_in_default>
672
+ <show_in_website>1</show_in_website>
673
+ <show_in_store>1</show_in_store>
674
+ </onInit>
675
+ <onLoad>
676
+ <label>onLoad</label>
677
+ <comment>Callback function</comment>
678
+ <frontend_type>textarea</frontend_type>
679
+ <sort_order>570</sort_order>
680
+ <show_in_default>1</show_in_default>
681
+ <show_in_website>1</show_in_website>
682
+ <show_in_store>1</show_in_store>
683
+ </onLoad>
684
+ <onImageChange>
685
+ <label>onImageChange</label>
686
+ <comment>Callback function</comment>
687
+ <frontend_type>textarea</frontend_type>
688
+ <sort_order>580</sort_order>
689
+ <show_in_default>1</show_in_default>
690
+ <show_in_website>1</show_in_website>
691
+ <show_in_store>1</show_in_store>
692
+ </onImageChange>
693
+ <onMouseOver>
694
+ <label>onMouseOver</label>
695
+ <comment>Callback function</comment>
696
+ <frontend_type>textarea</frontend_type>
697
+ <sort_order>590</sort_order>
698
+ <show_in_default>1</show_in_default>
699
+ <show_in_website>1</show_in_website>
700
+ <show_in_store>1</show_in_store>
701
+ </onMouseOver>
702
+ <onMouseOut>
703
+ <label>onMouseOut</label>
704
+ <comment>Callback function</comment>
705
+ <frontend_type>textarea</frontend_type>
706
+ <sort_order>600</sort_order>
707
+ <show_in_default>1</show_in_default>
708
+ <show_in_website>1</show_in_website>
709
+ <show_in_store>1</show_in_store>
710
+ </onMouseOut>
711
+ <spinner>
712
+ <label>spinner</label>
713
+ <comment>Use ajax loading spinner without gif files etc</comment>
714
+ <frontend_type>select</frontend_type>
715
+ <source_model>axzoom/yesno</source_model>
716
+ <sort_order>610</sort_order>
717
+ <show_in_default>1</show_in_default>
718
+ <show_in_website>1</show_in_website>
719
+ <show_in_store>1</show_in_store>
720
+ </spinner>
721
+ <spinnerParam>
722
+ <label>spinnerParam</label>
723
+ <comment>Spinner options, for more info see: http://fgnass.github.com/spin.js/</comment>
724
+ <frontend_type>textarea</frontend_type>
725
+ <sort_order>620</sort_order>
726
+ <show_in_default>1</show_in_default>
727
+ <show_in_website>1</show_in_website>
728
+ <show_in_store>1</show_in_store>
729
+ </spinnerParam>
730
+
731
  </fields>
732
  </mouseOverZoomParam>
733
+
734
  <main translate="label">
735
  <label>General Settings</label>
736
  <frontend_type>text</frontend_type>
737
+ <sort_order>40</sort_order>
738
  <show_in_default>1</show_in_default>
739
  <show_in_website>1</show_in_website>
740
  <show_in_store>1</show_in_store>
741
  <fields>
742
  <disableAllMsg>
743
+ <label><![CDATA[<div class="notice-msg importantAZoption">disableAllMsg</div>]]></label>
744
+ <comment>AJAX-ZOOM produces some notifications within the player telling that image tiles or other files are generating
745
+ and returns the result. This happens only when an image or 360 images are opened for the first time.
746
+ This is also the reason why preloading is slow at first.
747
+ With this switch you can disable these notifications in the front office.
748
+ </comment>
749
  <frontend_type>select</frontend_type>
750
  <source_model>axzoom/yesno</source_model>
751
+ <sort_order>10</sort_order>
752
  <show_in_default>1</show_in_default>
753
  <show_in_website>1</show_in_website>
754
  <show_in_store>1</show_in_store>
757
  <label>divID</label>
758
  <comment>DIV (container) ID for mouseover zoom</comment>
759
  <frontend_type>text</frontend_type>
760
+ <sort_order>20</sort_order>
761
  <show_in_default>1</show_in_default>
762
  <show_in_website>1</show_in_website>
763
  <show_in_store>1</show_in_store>
766
  <label>galleryDivID</label>
767
  <comment>DIV (container) id of the gallery, set to false to disable gallery</comment>
768
  <frontend_type>text</frontend_type>
769
+ <sort_order>30</sort_order>
770
  <show_in_default>1</show_in_default>
771
  <show_in_website>1</show_in_website>
772
  <show_in_store>1</show_in_store>
773
  </galleryDivID>
774
+ <galleryPosition>
775
+ <label><![CDATA[<div class="notice-msg importantAZoption">galleryPosition</div>]]></label>
776
+ <comment>Position of the gallery in the template, possible values: "top", "right", "bottom", "left"; "left" and "right" will instantly change the gallery to vertical! </comment>
777
+ <frontend_type>select</frontend_type>
778
+ <source_model>axzoom/galleryposition</source_model>
779
+ <sort_order>31</sort_order>
780
+ <show_in_default>1</show_in_default>
781
+ <show_in_website>1</show_in_website>
782
+ <show_in_store>1</show_in_store>
783
+ </galleryPosition>
784
  <hideGalleryOneImage>
785
+ <label><![CDATA[<div class="notice-msg importantAZoption">hideGalleryOneImage</div>]]></label>
786
  <comment>Instantly hide gallery if there is only one image or one 360/3D</comment>
787
  <frontend_type>select</frontend_type>
788
  <source_model>axzoom/yesno</source_model>
789
+ <sort_order>40</sort_order>
790
  <show_in_default>1</show_in_default>
791
  <show_in_website>1</show_in_website>
792
  <show_in_store>1</show_in_store>
793
  </hideGalleryOneImage>
794
+ <hideGalleryAddClass>
795
+ <label>hideGalleryAddClass</label>
796
+ <comment>This option is mainly for the layout with vertical gallery which is located next (left or right) to mouseover area.
797
+ The most solid css layout for vertical gallery is when "divID" is wrapped by a div which has a left or right margin.
798
+ This margin corresponds to vertical gallery width + some space inbetween. So if "hideGalleryOneImage"
799
+ option is activated and there is only one image, only one 360 or no images / 360's at all,
800
+ then the container represented by "galleryDivID" option is hidden and there is more space which can be filled.
801
+ To do that we simply add a css class with margin 0 to the parent of "divID"
802
+ overriding the left or right margin which is not needed for the gallery.
803
+ You can change the "hideGalleryAddClass" to your own class name or set it to false to prevent this action.
804
+ </comment>
805
+ <frontend_type>text</frontend_type>
806
+ <sort_order>50</sort_order>
807
+ <show_in_default>1</show_in_default>
808
+ <show_in_website>1</show_in_website>
809
+ <show_in_store>1</show_in_store>
810
+ </hideGalleryAddClass>
811
  <galleryHover>
812
  <label>galleryHover</label>
813
  <comment>Use mouseenter (mouseover) for switching between images.
816
  </comment>
817
  <frontend_type>select</frontend_type>
818
  <source_model>axzoom/yesno</source_model>
819
+ <sort_order>60</sort_order>
820
  <show_in_default>1</show_in_default>
821
  <show_in_website>1</show_in_website>
822
  <show_in_store>1</show_in_store>
826
  <comment>Use $.axZmThumbSlider on gallery thumbnails or not</comment>
827
  <frontend_type>select</frontend_type>
828
  <source_model>axzoom/yesno</source_model>
829
+ <sort_order>70</sort_order>
830
  <show_in_default>1</show_in_default>
831
  <show_in_website>1</show_in_website>
832
  <show_in_store>1</show_in_store>
840
  ]]>
841
  </comment>
842
  <frontend_type>textarea</frontend_type>
843
+ <sort_order>80</sort_order>
844
  <show_in_default>1</show_in_default>
845
  <show_in_website>1</show_in_website>
846
  <show_in_store>1</show_in_store>
847
  </galleryAxZmThumbSliderParam>
848
+ <galleryAxZmThumbSliderParam_vertical>
849
+ <label><![CDATA[<div class="notice-msg importantAZoption">galleryAxZmThumbSliderParam_vertical</div>]]></label>
850
+ <comment>
851
+ <![CDATA[<div class="validation-advice">Attention: you are editing JavaScript object! Errors will lead to AJAX-ZOOM not working properly.</div>
852
+ <p class="preference_description note">$.axZmThumbSlider parametrs if "galleryAxZmThumbSlider" is enabled; for full list of options see under:
853
+ <a href="http://www.ajax-zoom.com/axZm/extensions/axZmThumbSlider/" target="_blank">http://www.ajax-zoom.com/axZm/extensions/axZmThumbSlider/</a></p>
854
+ ]]>
855
+ </comment>
856
+ <frontend_type>textarea</frontend_type>
857
+ <sort_order>81</sort_order>
858
+ <show_in_default>1</show_in_default>
859
+ <show_in_website>1</show_in_website>
860
+ <show_in_store>1</show_in_store>
861
+ </galleryAxZmThumbSliderParam_vertical>
862
+
863
  <thumbW>
864
  <label><![CDATA[<div class="notice-msg importantAZoption">thumbW</div>]]></label>
865
  <comment>Gallery thumb width</comment>
866
  <frontend_type>text</frontend_type>
867
+ <sort_order>90</sort_order>
868
  <show_in_default>1</show_in_default>
869
  <show_in_website>1</show_in_website>
870
  <show_in_store>1</show_in_store>
873
  <label><![CDATA[<div class="notice-msg importantAZoption">thumbH</div>]]></label>
874
  <comment>Gallery thumb height</comment>
875
  <frontend_type>text</frontend_type>
876
+ <sort_order>100</sort_order>
877
  <show_in_default>1</show_in_default>
878
  <show_in_website>1</show_in_website>
879
  <show_in_store>1</show_in_store>
883
  <comment>Double resolution of the thumb image</comment>
884
  <frontend_type>select</frontend_type>
885
  <source_model>axzoom/yesno</source_model>
886
+ <sort_order>110</sort_order>
887
  <show_in_default>1</show_in_default>
888
  <show_in_website>1</show_in_website>
889
  <show_in_store>1</show_in_store>
890
  </thumbRetina>
891
+ <qualityThumb>
892
+ <label>qualityThumb</label>
893
+ <comment>Jpeg quality of the gallery thumbs</comment>
894
+ <frontend_type>text</frontend_type>
895
+ <sort_order>120</sort_order>
896
+ <show_in_default>1</show_in_default>
897
+ <show_in_website>1</show_in_website>
898
+ <show_in_store>1</show_in_store>
899
+ </qualityThumb>
900
+ <quality>
901
+ <label>quality</label>
902
+ <comment>Jpeg quality of the preview image</comment>
903
+ <frontend_type>text</frontend_type>
904
+ <sort_order>130</sort_order>
905
+ <show_in_default>1</show_in_default>
906
+ <show_in_website>1</show_in_website>
907
+ <show_in_store>1</show_in_store>
908
+ </quality>
909
+ <qualityZoom>
910
+ <label>qualityZoom</label>
911
+ <comment>Jpeg quality of the zoom image shown in the flyout window</comment>
912
+ <frontend_type>text</frontend_type>
913
+ <sort_order>140</sort_order>
914
+ <show_in_default>1</show_in_default>
915
+ <show_in_website>1</show_in_website>
916
+ <show_in_store>1</show_in_store>
917
+ </qualityZoom>
918
+
919
  <firstImageToLoad>
920