CueBlocks_Zoom - Version 1.1

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 and grouped products.

Download this release

Release Info

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


Code changes from version 1.0 to 1.1

Files changed (10) hide show
  1. app/code/community/JM/Zoom/Helper/Data.php +2 -2
  2. app/code/community/JM/Zoom/etc/adminhtml.xml +2 -2
  3. app/code/community/JM/Zoom/etc/config.xml +2 -2
  4. app/code/community/JM/Zoom/etc/system.xml +2 -2
  5. app/code/community/JM/readme.txt +5 -3
  6. app/design/frontend/default/default/layout/zoom.xml +6 -4
  7. app/design/frontend/default/default/template/zoom/media.phtml +3 -20
  8. app/etc/modules/JM_Zoom.xml +2 -2
  9. js/jquery/Cuejqzoom.js +52 -0
  10. package.xml +9 -5
app/code/community/JM/Zoom/Helper/Data.php CHANGED
@@ -1,8 +1,8 @@
1
  <?php
2
  /**
3
  *
4
- * Package :- CueBlocks_Zoom-1.0.tgz
5
- * Version :- 1.0
6
  * Edition :- Community
7
  * Developed By :- CueBlocks.com
8
  *
1
  <?php
2
  /**
3
  *
4
+ * Package :- CueBlocks_Zoom-1.1.tgz
5
+ * Version :- 1.1
6
  * Edition :- Community
7
  * Developed By :- CueBlocks.com
8
  *
app/code/community/JM/Zoom/etc/adminhtml.xml CHANGED
@@ -2,8 +2,8 @@
2
  <!--
3
  /**
4
  *
5
- * Package :- CueBlocks_Zoom-1.0.tgz
6
- * Version :- 1.0
7
  * Edition :- Community
8
  * Developed By :- CueBlocks.com
9
  *
2
  <!--
3
  /**
4
  *
5
+ * Package :- CueBlocks_Zoom-1.1.tgz
6
+ * Version :- 1.1
7
  * Edition :- Community
8
  * Developed By :- CueBlocks.com
9
  *
app/code/community/JM/Zoom/etc/config.xml CHANGED
@@ -2,8 +2,8 @@
2
  <!--
3
  /**
4
  *
5
- * Package :- CueBlocks_Zoom-1.0.tgz
6
- * Version :- 1.0
7
  * Edition :- Community
8
  * Developed By :- CueBlocks.com
9
  *
2
  <!--
3
  /**
4
  *
5
+ * Package :- CueBlocks_Zoom-1.1.tgz
6
+ * Version :- 1.1
7
  * Edition :- Community
8
  * Developed By :- CueBlocks.com
9
  *
app/code/community/JM/Zoom/etc/system.xml CHANGED
@@ -2,8 +2,8 @@
2
  <!--
3
  /**
4
  *
5
- * Package :- CueBlocks_Zoom-1.0.tgz
6
- * Version :- 1.0
7
  * Edition :- Community
8
  * Developed By :- CueBlocks.com
9
  *
2
  <!--
3
  /**
4
  *
5
+ * Package :- CueBlocks_Zoom-1.1.tgz
6
+ * Version :- 1.1
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.0.tgz
3
- * Version :- 1.0
4
  * Edition :- Community
5
  * Developed By :- CueBlocks.com
6
  *
@@ -8,4 +8,6 @@
8
 
9
  1)To have a better view of zoom functionality you need to upload image equal or greater than 800*800 pixels
10
 
11
- 2)template/media.phtml file has been modified by CueBlocks.com for the Zoom function on the product page. If you have a custom media.phtml file, you will need to copy your custom code and paste it in this file. For help, please get in touch with us at cueblocks.com
 
 
1
  /**
2
+ * Package :- CueBlocks_Zoom-1.1.tgz
3
+ * Version :- 1.1
4
  * Edition :- Community
5
  * Developed By :- CueBlocks.com
6
  *
8
 
9
  1)To have a better view of zoom functionality you need to upload image equal or greater than 800*800 pixels
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.
app/design/frontend/default/default/layout/zoom.xml CHANGED
@@ -2,8 +2,8 @@
2
  <!--
3
  /**
4
  *
5
- * Package :- CueBlocks_Zoom-1.0.tgz
6
- * Version :- 1.0
7
  * Edition :- Community
8
  * Developed By :- CueBlocks.com
9
  *
@@ -14,7 +14,8 @@
14
  <catalog_product_view>
15
  <reference name="head">
16
  <action method="addJs"><script>jquery/jquery-1.3.2.min.js</script></action>
17
- <action method="addJs"><script>jquery/jqzoom.pack.1.0.1.js</script></action>
 
18
  <action method="addItem"><type>skin_css</type><name>css/jqzoom.css</name><params/></action>
19
  </reference>
20
  <reference name="product.info.media">
@@ -25,7 +26,8 @@
25
  <review_product_list>
26
  <reference name="head">
27
  <action method="addJs"><script>jquery/jquery-1.3.2.min.js</script></action>
28
- <action method="addJs"><script>jquery/jqzoom.pack.1.0.1.js</script></action>
 
29
  <action method="addItem"><type>skin_css</type><name>css/jqzoom.css</name><params/></action>
30
  </reference>
31
  <reference name="product.info.media">
2
  <!--
3
  /**
4
  *
5
+ * Package :- CueBlocks_Zoom-1.1.tgz
6
+ * Version :- 1.1
7
  * Edition :- Community
8
  * Developed By :- CueBlocks.com
9
  *
14
  <catalog_product_view>
15
  <reference name="head">
16
  <action method="addJs"><script>jquery/jquery-1.3.2.min.js</script></action>
17
+ <action method="addJs"><script>jquery/jqzoom.pack.1.0.1.js</script></action>
18
+ <action method="addJs"><script>jquery/Cuejqzoom.js</script></action>
19
  <action method="addItem"><type>skin_css</type><name>css/jqzoom.css</name><params/></action>
20
  </reference>
21
  <reference name="product.info.media">
26
  <review_product_list>
27
  <reference name="head">
28
  <action method="addJs"><script>jquery/jquery-1.3.2.min.js</script></action>
29
+ <action method="addJs"><script>jquery/jqzoom.pack.1.0.1.js</script></action>
30
+ <action method="addJs"><script>jquery/Cuejqzoom.js</script></action>
31
  <action method="addItem"><type>skin_css</type><name>css/jqzoom.css</name><params/></action>
32
  </reference>
33
  <reference name="product.info.media">
app/design/frontend/default/default/template/zoom/media.phtml CHANGED
@@ -1,7 +1,7 @@
1
  <?php
2
  /**
3
- * Package :- CueBlocks_Zoom-1.0.tgz
4
- * Version :- 1.0
5
  * Edition :- Community
6
  * Developed By :- CueBlocks.com
7
  *
@@ -67,23 +67,7 @@
67
 
68
  ?>
69
 
70
- <?php if($_product->isConfigurable())
71
- {
72
- // Only for configurable products
73
- if (count($this->getGalleryImages()) > 0):
74
- foreach ($this->getGalleryImages() as $_image):
75
- if($this->htmlEscape($_image->getLabel())!="")
76
- {
77
- $_img = '<a href="'.$this->helper('catalog/image')->init($this->getProduct(), 'image',$_image->getFile()).'" class="jqzoom" id="anchorproductImg'.$this->htmlEscape($_image->getLabel()).'"><img border="0" id="productImg'.$this->htmlEscape($_image->getLabel()).'" src="'.$this->helper('catalog/image')->init($this->getProduct(), 'image',$_image->getFile())->resize(250).'" alt="'.$this->htmlEscape($this->getImageLabel()).'" title="'.$this->htmlEscape($this->getLabel()).'"/></a>';
78
-
79
-
80
- echo $_helper->productAttribute($this->getProduct(), $_img, 'image');
81
-
82
- }
83
-
84
- endforeach;
85
- endif;
86
- } ?>
87
 
88
 
89
  <?php
@@ -128,7 +112,6 @@
128
 
129
  }
130
  else { // In this case pass color code
131
- //$moreImg = substr($_image->getLabel(),0,strpos($_image->getLabel(),':'));
132
  $moreImg = $_image->getLabel();
133
 
134
  }
1
  <?php
2
  /**
3
+ * Package :- CueBlocks_Zoom-1.1.tgz
4
+ * Version :- 1.1
5
  * Edition :- Community
6
  * Developed By :- CueBlocks.com
7
  *
67
 
68
  ?>
69
 
70
+
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
71
 
72
 
73
  <?php
112
 
113
  }
114
  else { // In this case pass color code
 
115
  $moreImg = $_image->getLabel();
116
 
117
  }
app/etc/modules/JM_Zoom.xml CHANGED
@@ -2,8 +2,8 @@
2
  <!--
3
  /**
4
  *
5
- * Package :- CueBlocks_Zoom-1.0.tgz
6
- * Version :- 1.0
7
  * Edition :- Community
8
  * Developed By :- CueBlocks.com
9
  *
2
  <!--
3
  /**
4
  *
5
+ * Package :- CueBlocks_Zoom-1.1.tgz
6
+ * Version :- 1.1
7
  * Edition :- Community
8
  * Developed By :- CueBlocks.com
9
  *
js/jquery/Cuejqzoom.js ADDED
@@ -0,0 +1,52 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /**
2
+ *
3
+ * Package :- CueBlocks_Zoom-1.1.tgz
4
+ * Version :- 1.1
5
+ * Edition :- Community
6
+ * Developed By :- CueBlocks.com
7
+ *
8
+ */
9
+ var zoomDone = new Array();
10
+ // SWITCH MAIN IMAGE BASED ON MORE IMAGES ON MEDIA FILE
11
+ function switchmore(imagename){
12
+ jQuery("#imageShowcase a").hide();
13
+ jQuery("#productImg" + imagename).show();
14
+ jQuery("#anchorproductImg" + imagename).show();
15
+ var options = {
16
+
17
+ zoomWidth: 300,
18
+
19
+ zoomHeight: 300,
20
+
21
+ showEffect: 'show',
22
+
23
+ hideEffect: 'fadeout',
24
+
25
+ fadeoutSpeed: 'slow',
26
+
27
+ title: false,
28
+
29
+ yOffset: 70
30
+
31
+ }
32
+
33
+ if(!zoomDone.in_array(imagename))
34
+ {
35
+ jQuery("#anchorproductImg" + imagename).jqzoom(options);
36
+ zoomDone.push(imagename);
37
+ }
38
+
39
+ }
40
+
41
+ //IN ARRAY FUNCTION
42
+ Array.prototype.in_array = function(p_val) {
43
+ for(var i = 0, l = this.length; i < l; i++) {
44
+ if(this[i] == p_val) {
45
+ return true;
46
+ }
47
+ }
48
+ return false;
49
+ }
50
+
51
+
52
+
package.xml CHANGED
@@ -1,18 +1,22 @@
1
  <?xml version="1.0"?>
2
  <package>
3
  <name>CueBlocks_Zoom</name>
4
- <version>1.0</version>
5
  <stability>stable</stability>
6
  <license>OSL v3.0</license>
7
  <channel>community</channel>
8
  <extends/>
9
  <summary>Extension of zoom function for product page by CueBlocks.com</summary>
10
  <description>This extension has been developed by CueBlocks.com for the Zoom function on the product page.</description>
11
- <notes>Extension of zoom function for product page by CueBlocks.com</notes>
 
 
 
 
12
  <authors><author><name>ekta puri</name><user>auto-converted</user><email>ekta.puri@cueblocks.com</email></author></authors>
13
- <date>2010-12-20</date>
14
- <time>04:57:11</time>
15
- <contents><target name="magedesign"><dir name="frontend"><dir name="default"><dir name="default"><dir name="layout"><file name="zoom.xml" hash="4ba5e2e63adc2656726c08cca3dd3ded"/></dir><dir name="template"><dir name="zoom"><file name="media.phtml" hash="6e66c157b301ce1d70d86660784fd812"/></dir></dir></dir></dir></dir></target><target name="magecommunity"><dir name="JM"><dir name="Zoom"><dir name="etc"><file name="adminhtml.xml" hash="5103357e7e157c0fd1394dd12997bd7a"/><file name="config.xml" hash="a3e345ae702e1443919b09376248ccb4"/><file name="system.xml" hash="63d409b92b3091c5939b752b648c3990"/></dir><dir name="Helper"><file name="Data.php" hash="b14fb2d57b9cf7d5472337132af7f610"/></dir></dir><file name="readme.txt" hash="09aba811c5f2943af8fca7186ec526d6"/></dir></target><target name="mage"><dir name="js"><dir name="jquery"><file name="jquery-1.3.2.min.js" hash="25e59325cb47d2ab5ea650d47f431a9c"/><file name="jqzoom.pack.1.0.1.js" hash="336bd8d6f95ebd7cf144b86a2d2b462f"/></dir></dir><dir name="skin"><dir name="frontend"><dir name="default"><dir name="default"><dir name="css"><file name="jqzoom.css" hash="1628687a7483ecad8c72abe1e008ffaf"/></dir></dir></dir></dir></dir></target><target name="mageetc"><dir name="modules"><file name="JM_Zoom.xml" hash="b58fa8ed82420b4e44827320cb78225a"/></dir></target></contents>
16
  <compatible/>
17
  <dependencies/>
18
  </package>
1
  <?xml version="1.0"?>
2
  <package>
3
  <name>CueBlocks_Zoom</name>
4
+ <version>1.1</version>
5
  <stability>stable</stability>
6
  <license>OSL v3.0</license>
7
  <channel>community</channel>
8
  <extends/>
9
  <summary>Extension of zoom function for product page by CueBlocks.com</summary>
10
  <description>This extension has been developed by CueBlocks.com for the Zoom function on the product page.</description>
11
+ <notes>1)To have a better view of zoom functionality you need to upload image equal or greater than 800*800 pixels
12
+
13
+ 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
14
+
15
+ 3)This extension will work for simple,configurable,bundled 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-21</date>
18
+ <time>08:21:16</time>
19
+ <contents><target name="magedesign"><dir name="frontend"><dir name="default"><dir name="default"><dir name="layout"><file name="zoom.xml" hash="9d7ceb5e15f5e80388dd25fe92b6f42a"/></dir><dir name="template"><dir name="zoom"><file name="media.phtml" hash="98e3ed410008dbe0651b97260d8934e8"/></dir></dir></dir></dir></dir></target><target name="magecommunity"><dir name="JM"><dir name="Zoom"><dir name="etc"><file name="adminhtml.xml" hash="1787aafe175420dc3170eea9e0bf8f85"/><file name="config.xml" hash="8e9a686dff35f90589d45283d63ad45c"/><file name="system.xml" hash="8eb123d6f3235525069648bc28d0c388"/></dir><dir name="Helper"><file name="Data.php" hash="6f0d1d2d05d34668d4baaea47a69468e"/></dir></dir><file name="readme.txt" hash="7123a84962f0daa579c636b7bef08a57"/></dir></target><target name="mage"><dir name="js"><dir name="jquery"><file name="Cuejqzoom.js" hash="353ebe8a1e93ec9efcd596409973cd2f"/><file name="jquery-1.3.2.min.js" hash="25e59325cb47d2ab5ea650d47f431a9c"/><file name="jqzoom.pack.1.0.1.js" hash="336bd8d6f95ebd7cf144b86a2d2b462f"/></dir></dir><dir name="skin"><dir name="frontend"><dir name="default"><dir name="default"><dir name="css"><file name="jqzoom.css" hash="1628687a7483ecad8c72abe1e008ffaf"/></dir></dir></dir></dir></dir></target><target name="mageetc"><dir name="modules"><file name="JM_Zoom.xml" hash="5f9e5dcb20d6404adc69298787b13b36"/></dir></target></contents>
20
  <compatible/>
21
  <dependencies/>
22
  </package>