CueBlocks_Zoom - Version 1.3

Version Notes

1)To have a better view of zoom functionality you need to upload image equal or greater than 800*800 pixels

2)template/catalog/product/view/media.phtml file will be ignored and the one in the extension will be used for the zoom function to work on the product page. So if you have customized your media.phtml file, you will need to copy your custom code and paste it in this "new" file located at /design/frontend/default/default/template/zoom/media.phtml. For help, please get in touch with us at magento@cueblocks.com

3)This extension will work for simple,configurable,bundled,virtual and grouped products.

Download this release

Release Info

Developer Magento Core Team
Extension CueBlocks_Zoom
Version 1.3
Comparing to
See all releases


Code changes from version 1.2 to 1.3

Files changed (8) hide show
  1. app/code/community/JM/Zoom/Helper/Data.php +2 -2
  2. app/code/community/JM/Zoom/etc/config.xml +2 -2
  3. app/code/community/JM/readme.txt +3 -3
  4. app/design/frontend/default/default/layout/zoom.xml +2 -2
  5. app/design/frontend/default/default/template/zoom/media.phtml +9 -7
  6. app/etc/modules/JM_Zoom.xml +2 -2
  7. js/jquery/Cuejqzoom.js +23 -20
  8. package.xml +4 -4
app/code/community/JM/Zoom/Helper/Data.php CHANGED
@@ -1,8 +1,8 @@
1
  <?php
2
  /**
3
  *
4
- * Package :- CueBlocks_Zoom-1.2.tgz
5
- * Version :- 1.2
6
  * Edition :- Community
7
  * Developed By :- CueBlocks.com
8
  *
1
  <?php
2
  /**
3
  *
4
+ * Package :- CueBlocks_Zoom-1.3.tgz
5
+ * Version :- 1.3
6
  * Edition :- Community
7
  * Developed By :- CueBlocks.com
8
  *
app/code/community/JM/Zoom/etc/config.xml CHANGED
@@ -2,8 +2,8 @@
2
  <!--
3
  /**
4
  *
5
- * Package :- CueBlocks_Zoom-1.2.tgz
6
- * Version :- 1.2
7
  * Edition :- Community
8
  * Developed By :- CueBlocks.com
9
  *
2
  <!--
3
  /**
4
  *
5
+ * Package :- CueBlocks_Zoom-1.3.tgz
6
+ * Version :- 1.3
7
  * Edition :- Community
8
  * Developed By :- CueBlocks.com
9
  *
app/code/community/JM/readme.txt CHANGED
@@ -1,6 +1,6 @@
1
  /**
2
- * Package :- CueBlocks_Zoom-1.2.tgz
3
- * Version :- 1.2
4
  * Edition :- Community
5
  * Developed By :- CueBlocks.com
6
  *
@@ -10,4 +10,4 @@
10
 
11
  2)template/catalog/product/view/media.phtml file will be ignored and the one in the extension will be used for the zoom function to work on the product page. So if you have customized your media.phtml file, you will need to copy your custom code and paste it in this "new" file located at /design/frontend/default/default/template/zoom/media.phtml. For help, please get in touch with us at magento@cueblocks.com
12
 
13
- 3)This extension will work for simple,configurable,bundled and grouped products.
1
  /**
2
+ * Package :- CueBlocks_Zoom-1.3.tgz
3
+ * Version :- 1.3
4
  * Edition :- Community
5
  * Developed By :- CueBlocks.com
6
  *
10
 
11
  2)template/catalog/product/view/media.phtml file will be ignored and the one in the extension will be used for the zoom function to work on the product page. So if you have customized your media.phtml file, you will need to copy your custom code and paste it in this "new" file located at /design/frontend/default/default/template/zoom/media.phtml. For help, please get in touch with us at magento@cueblocks.com
12
 
13
+ 3)This extension will work for simple,configurable,bundled,virtual and grouped products.
app/design/frontend/default/default/layout/zoom.xml CHANGED
@@ -2,8 +2,8 @@
2
  <!--
3
  /**
4
  *
5
- * Package :- CueBlocks_Zoom-1.2.tgz
6
- * Version :- 1.2
7
  * Edition :- Community
8
  * Developed By :- CueBlocks.com
9
  *
2
  <!--
3
  /**
4
  *
5
+ * Package :- CueBlocks_Zoom-1.3.tgz
6
+ * Version :- 1.3
7
  * Edition :- Community
8
  * Developed By :- CueBlocks.com
9
  *
app/design/frontend/default/default/template/zoom/media.phtml CHANGED
@@ -1,7 +1,7 @@
1
  <?php
2
  /**
3
- * Package :- CueBlocks_Zoom-1.2.tgz
4
- * Version :- 1.2
5
  * Edition :- Community
6
  * Developed By :- CueBlocks.com
7
  *
@@ -45,7 +45,7 @@
45
  // Find out image name from image URL
46
 
47
  $img_name = ExtractImageName($this->helper('catalog/image')->init($this->getProduct(), 'image',$_image->getFile()));
48
- $_img = '<a href="'.$this->helper('catalog/image')->init($this->getProduct(), 'image',$_image->getFile()).'" id="anchorproductImg'.$img_name.'"><img border="0" id="productImg'.$img_name.'" src="'.$this->helper('catalog/image')->init($this->getProduct(), 'image',$_image->getFile())->resize(270).'" alt="'.$this->htmlEscape($_image->getLabel()).'" title="'.$this->htmlEscape($_image->getLabel()).'"/></a>';
49
 
50
  echo $_helper->productAttribute($this->getProduct(), $_img, 'image');
51
 
@@ -60,7 +60,7 @@
60
 
61
  <?php else: ?>
62
  <?php
63
- $_img = '<img border="0" src="'.$this->helper('catalog/image')->init($_product, 'image')->resize(265).'" alt="'.$this->htmlEscape($_product->getImageLabel()).'" id="productImgDefault" />';
64
  echo $_helper->productAttribute($_product, $_img, 'image')
65
  ?>
66
  <?php endif; ?>
@@ -109,9 +109,9 @@ function ExtractImageName($fullImagePath)
109
 
110
  var options = {
111
 
112
- zoomWidth: 200,
113
 
114
- zoomHeight: 200,
115
 
116
  showEffect: 'show',
117
 
@@ -123,7 +123,9 @@ function ExtractImageName($fullImagePath)
123
 
124
  zoomtype:'innerzoom',
125
 
126
- showPreload: false
 
 
127
 
128
  }
129
 
1
  <?php
2
  /**
3
+ * Package :- CueBlocks_Zoom-1.3.tgz
4
+ * Version :- 1.3
5
  * Edition :- Community
6
  * Developed By :- CueBlocks.com
7
  *
45
  // Find out image name from image URL
46
 
47
  $img_name = ExtractImageName($this->helper('catalog/image')->init($this->getProduct(), 'image',$_image->getFile()));
48
+ $_img = '<a href="'.$this->helper('catalog/image')->init($this->getProduct(), 'image',$_image->getFile()).'" id="anchorproductImg'.$img_name.'"><img border="0" id="productImg'.$img_name.'" src="'.$this->helper('catalog/image')->init($this->getProduct(), 'image',$_image->getFile())->resize(250).'" alt="'.$this->htmlEscape($_image->getLabel()).'" title="'.$this->htmlEscape($_image->getLabel()).'"/></a>';
49
 
50
  echo $_helper->productAttribute($this->getProduct(), $_img, 'image');
51
 
60
 
61
  <?php else: ?>
62
  <?php
63
+ $_img = '<img border="0" src="'.$this->helper('catalog/image')->init($_product, 'image')->resize(250).'" alt="'.$this->htmlEscape($_product->getImageLabel()).'" id="productImgDefault" />';
64
  echo $_helper->productAttribute($_product, $_img, 'image')
65
  ?>
66
  <?php endif; ?>
109
 
110
  var options = {
111
 
112
+ zoomWidth: 250,
113
 
114
+ zoomHeight: 250,
115
 
116
  showEffect: 'show',
117
 
123
 
124
  zoomtype:'innerzoom',
125
 
126
+ showPreload: false,
127
+
128
+ yOffset: 70
129
 
130
  }
131
 
app/etc/modules/JM_Zoom.xml CHANGED
@@ -2,8 +2,8 @@
2
  <!--
3
  /**
4
  *
5
- * Package :- CueBlocks_Zoom-1.2.tgz
6
- * Version :- 1.2
7
  * Edition :- Community
8
  * Developed By :- CueBlocks.com
9
  *
2
  <!--
3
  /**
4
  *
5
+ * Package :- CueBlocks_Zoom-1.3.tgz
6
+ * Version :- 1.3
7
  * Edition :- Community
8
  * Developed By :- CueBlocks.com
9
  *
js/jquery/Cuejqzoom.js CHANGED
@@ -1,38 +1,41 @@
1
- /* :- CueBlocks_Zoom-1.2.tgz
2
- * Version :- 1.2
3
  * Edition :- Community
4
  * Developed By :- CueBlocks.com
5
  *
6
  */
7
- //var zoomDone = new Array();
8
  // SWITCH MAIN IMAGE BASED ON MORE IMAGES ON MEDIA FILE
9
  function switchmore(imagename){
10
  jQuery("#imageShowcase a").hide();
11
  jQuery("#productImg" + imagename).show();
12
- jQuery("#anchorproductImg" + imagename).show();
13
  var options = {
14
 
15
- zoomWidth: 300,
16
-
17
- zoomHeight: 300,
18
-
19
- showEffect: 'show',
20
-
21
- hideEffect: 'fadeout',
22
-
23
- fadeoutSpeed: 'slow',
24
-
25
- title: false,
26
-
 
 
 
27
  yOffset: 70
28
 
29
  }
30
 
31
- //if(!zoomDone.in_array(imagename))
32
- //{
33
  jQuery("#anchorproductImg" + imagename).jqzoom(options);
34
- // zoomDone.push(imagename);
35
- //}
36
 
37
  }
38
 
1
+ /* :- CueBlocks_Zoom-1.3.tgz
2
+ * Version :- 1.3
3
  * Edition :- Community
4
  * Developed By :- CueBlocks.com
5
  *
6
  */
7
+ var zoomDone = new Array();
8
  // SWITCH MAIN IMAGE BASED ON MORE IMAGES ON MEDIA FILE
9
  function switchmore(imagename){
10
  jQuery("#imageShowcase a").hide();
11
  jQuery("#productImg" + imagename).show();
12
+ jQuery("#anchorproductImg" + imagename).attr("style", "display:block");
13
  var options = {
14
 
15
+ zoomWidth: 250,
16
+
17
+ zoomHeight: 250,
18
+
19
+ showEffect: 'show',
20
+
21
+ hideEffect: 'fadeout',
22
+
23
+ fadeoutSpeed: 'slow',
24
+
25
+ title: false,
26
+
27
+ zoomtype:'innerzoom',
28
+
29
+
30
  yOffset: 70
31
 
32
  }
33
 
34
+ if(!zoomDone.in_array(imagename))
35
+ {
36
  jQuery("#anchorproductImg" + imagename).jqzoom(options);
37
+ zoomDone.push(imagename);
38
+ }
39
 
40
  }
41
 
package.xml CHANGED
@@ -1,7 +1,7 @@
1
  <?xml version="1.0"?>
2
  <package>
3
  <name>CueBlocks_Zoom</name>
4
- <version>1.2</version>
5
  <stability>stable</stability>
6
  <license>OSL v3.0</license>
7
  <channel>community</channel>
@@ -14,9 +14,9 @@
14
 
15
  3)This extension will work for simple,configurable,bundled,virtual and grouped products.</notes>
16
  <authors><author><name>ekta puri</name><user>auto-converted</user><email>ekta.puri@cueblocks.com</email></author></authors>
17
- <date>2010-12-22</date>
18
- <time>08:06:00</time>
19
- <contents><target name="magedesign"><dir name="frontend"><dir name="default"><dir name="default"><dir name="layout"><file name="zoom.xml" hash="08b141509cfe1ee0446284cdc7f96190"/></dir><dir name="template"><dir name="zoom"><file name="media.phtml" hash="bade83e2391b1c516904d838260e9653"/></dir></dir></dir></dir></dir></target><target name="magecommunity"><dir name="JM"><dir name="Zoom"><dir name="etc"><file name="config.xml" hash="f26eb7b6402402352fa5652048e08ade"/></dir><dir name="Helper"><file name="Data.php" hash="2245b8126f8ebf4298f860b4ee281dca"/></dir></dir><file name="readme.txt" hash="138b38dbe41de82e75ac53b3c229e4ae"/></dir></target><target name="mage"><dir name="js"><dir name="jquery"><file name="Cuejqzoom.js" hash="f5c86178d61b4f4dada2e116a6ce104a"/><file name="jquery-1.3.2.min.js" hash="25e59325cb47d2ab5ea650d47f431a9c"/><file name="jquery.jqzoom1.0.1.js" hash="e15445b6384c0be0b55b6d9b3f873867"/></dir></dir><dir name="skin"><dir name="frontend"><dir name="default"><dir name="default"><dir name="css"><file name="jqzoom.css" hash="6b12d033e477ead2050d9d5cd58d7185"/></dir><dir name="images"><file name="zoomloader.gif" hash="7b9776076d5fceef4993b55c9383dedd"/></dir></dir></dir></dir></dir></target><target name="mageetc"><dir name="modules"><file name="JM_Zoom.xml" hash="a663efed0c95b85798e6aa7ffd644c8b"/></dir></target></contents>
20
  <compatible/>
21
  <dependencies/>
22
  </package>
1
  <?xml version="1.0"?>
2
  <package>
3
  <name>CueBlocks_Zoom</name>
4
+ <version>1.3</version>
5
  <stability>stable</stability>
6
  <license>OSL v3.0</license>
7
  <channel>community</channel>
14
 
15
  3)This extension will work for simple,configurable,bundled,virtual and grouped products.</notes>
16
  <authors><author><name>ekta puri</name><user>auto-converted</user><email>ekta.puri@cueblocks.com</email></author></authors>
17
+ <date>2010-12-23</date>
18
+ <time>05:54:32</time>
19
+ <contents><target name="magedesign"><dir name="frontend"><dir name="default"><dir name="default"><dir name="layout"><file name="zoom.xml" hash="95cab45d9d19b648c048c9fc0c60e1a5"/></dir><dir name="template"><dir name="zoom"><file name="media.phtml" hash="295bc0799e0571a454386a2b5da92fad"/></dir></dir></dir></dir></dir></target><target name="magecommunity"><dir name="JM"><dir name="Zoom"><dir name="etc"><file name="config.xml" hash="cd460dc66581f1b847cd34be57b7845e"/></dir><dir name="Helper"><file name="Data.php" hash="86204506dd1365b20bedbfbdc1e53e9a"/></dir></dir><file name="readme.txt" hash="1a4fc695feab47b2f7032bcb812e3945"/></dir></target><target name="mage"><dir name="js"><dir name="jquery"><file name="Cuejqzoom.js" hash="e5001c8a04393b15cf0fe7cb0ed0e19e"/><file name="jquery-1.3.2.min.js" hash="25e59325cb47d2ab5ea650d47f431a9c"/><file name="jquery.jqzoom1.0.1.js" hash="e15445b6384c0be0b55b6d9b3f873867"/></dir></dir><dir name="skin"><dir name="frontend"><dir name="default"><dir name="default"><dir name="css"><file name="jqzoom.css" hash="6b12d033e477ead2050d9d5cd58d7185"/></dir><dir name="images"><file name="zoomloader.gif" hash="7b9776076d5fceef4993b55c9383dedd"/></dir></dir></dir></dir></dir></target><target name="mageetc"><dir name="modules"><file name="JM_Zoom.xml" hash="517dbfc568739f627ac657cabe238bc5"/></dir></target></contents>
20
  <compatible/>
21
  <dependencies/>
22
  </package>