CueBlocks_Zoom - Version 1.4

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.4
Comparing to
See all releases


Code changes from version 1.3 to 1.4

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 +2 -2
  4. app/design/frontend/default/default/layout/zoom.xml +2 -2
  5. app/design/frontend/default/default/template/zoom/media.phtml +36 -56
  6. app/etc/modules/JM_Zoom.xml +2 -2
  7. js/jquery/Cuejqzoom.js +2 -2
  8. package.xml +3 -3
app/code/community/JM/Zoom/Helper/Data.php CHANGED
@@ -1,8 +1,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
  *
1
  <?php
2
  /**
3
  *
4
+ * Package :- CueBlocks_Zoom-1.4.tgz
5
+ * Version :- 1.4
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.3.tgz
6
- * Version :- 1.3
7
  * Edition :- Community
8
  * Developed By :- CueBlocks.com
9
  *
2
  <!--
3
  /**
4
  *
5
+ * Package :- CueBlocks_Zoom-1.4.tgz
6
+ * Version :- 1.4
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.3.tgz
3
- * Version :- 1.3
4
  * Edition :- Community
5
  * Developed By :- CueBlocks.com
6
  *
1
  /**
2
+ * Package :- CueBlocks_Zoom-1.4.tgz
3
+ * Version :- 1.4
4
  * Edition :- Community
5
  * Developed By :- CueBlocks.com
6
  *
app/design/frontend/default/default/layout/zoom.xml CHANGED
@@ -2,8 +2,8 @@
2
  <!--
3
  /**
4
  *
5
- * Package :- CueBlocks_Zoom-1.3.tgz
6
- * Version :- 1.3
7
  * Edition :- Community
8
  * Developed By :- CueBlocks.com
9
  *
2
  <!--
3
  /**
4
  *
5
+ * Package :- CueBlocks_Zoom-1.4.tgz
6
+ * Version :- 1.4
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.3.tgz
4
- * Version :- 1.3
5
  * Edition :- Community
6
  * Developed By :- CueBlocks.com
7
  *
@@ -13,81 +13,61 @@
13
  ?>
14
 
15
  <?php
16
- $_product = $this->getProduct();
17
- $_helper = $this->helper('catalog/output');
18
-
19
- $_zoomConfig = Mage::getStoreConfig('zoom/general');
20
-
21
  ?>
 
 
 
 
 
 
 
 
 
 
22
 
 
 
 
 
23
 
24
- <div id="imageShowcase">
25
- <?php if ($_product->getImage() != 'no_selection' && $_product->getImage()): ?>
26
-
27
- <p class="product-image-zoom">
28
-
29
- <?php
30
-
31
- $_img = '<a href="'.$this->helper('catalog/image')->init($_product, 'image').'" class="jqzoom" title="" id="anchorproductImgDefault"><img border="0" id="productImgDefault" src="'.$this->helper('catalog/image')->init($_product, 'image')->resize(250).'" alt="'.$this->htmlEscape($this->getImageLabel()).'" title="'.$this->htmlEscape($this->getImageLabel()).'"/></a>';
32
-
33
- echo $_helper->productAttribute($_product, $_img, 'image')
34
-
35
- ?>
36
-
37
-
38
-
39
-
40
- <?php
41
 
42
  if (count($this->getGalleryImages()) > 0):
43
  foreach ($this->getGalleryImages() as $_image):
44
 
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
 
52
  endforeach;
53
- endif;
54
 
55
- ?>
56
 
57
- </p>
58
  <span id="roll_on">Roll on to zoom in</span>
59
-
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; ?>
67
-
68
  </div>
69
 
70
- <?php if (count($this->getGalleryImages()) > 0): ?>
 
71
  <div class="more-views">
72
  <h4><?php echo $this->__('More Views') ?></h4>
73
  <ul>
74
- <?php foreach ($this->getGalleryImages() as $_image):
75
-
76
-
77
- $moreImg = ExtractImageName($this->helper('catalog/image')->init($this->getProduct(), 'image',$_image->getFile()));
78
-
79
-
80
-
81
- ?>
82
- <li><img border="0" src="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile())->resize(56); ?>" onclick="switchmore('<?php echo $moreImg;?>');" alt="<?php echo $this->htmlEscape($_image->getLabel()) ?>" title="<?php echo $this->htmlEscape($_image->getLabel()) ?>" />
83
-
84
-
85
  </li>
86
 
87
- <?php
88
- endforeach; ?>
89
  </ul>
90
- </div>
 
91
  <?php endif; ?>
92
 
93
  <?php
@@ -133,7 +113,7 @@ function ExtractImageName($fullImagePath)
133
 
134
  });
135
 
136
- </script>
137
  <script type="text/javascript">
138
  // show main image
139
  jQuery(document).ready(function() {
@@ -143,4 +123,4 @@ function ExtractImageName($fullImagePath)
143
  jQuery("#productImgDefault").show();
144
 
145
  });
146
- </script>
1
  <?php
2
  /**
3
+ * Package :- CueBlocks_Zoom-1.4.tgz
4
+ * Version :- 1.4
5
  * Edition :- Community
6
  * Developed By :- CueBlocks.com
7
  *
13
  ?>
14
 
15
  <?php
16
+ $_product = $this->getProduct();
17
+ $_helper = $this->helper('catalog/output');
18
+ $_zoomConfig = Mage::getStoreConfig('zoom/general');
 
 
19
  ?>
20
+ <div id="imageShowcase">
21
+
22
+ <p class="product-image-zoom">
23
+ <?php
24
+ if ($_product->getImage() != 'no_selection' && $_product->getImage()):
25
+
26
+ $_img = '<a href="'.$this->helper('catalog/image')->init($_product, 'image').'" class="jqzoom" title="" id="anchorproductImgDefault"><img border="0" id="productImgDefault" src="'.$this->helper('catalog/image')->init($_product, 'image')->resize(250).'" alt="'.$this->htmlEscape($this->getImageLabel()).'" title="'.$this->htmlEscape($this->getImageLabel()).'"/></a>';
27
+ echo $_helper->productAttribute($_product, $_img, 'image');
28
+
29
+ else:
30
 
31
+ $_img = '<a href="'.$this->helper('catalog/image')->init($_product, 'image').'" class="jqzoom"><img border="0" src="'.$this->helper('catalog/image')->init($_product, 'image')->resize(250).'" alt="'.$this->htmlEscape($_product->getImageLabel()).'" id="productImgDefault"/></a>';
32
+ echo $_helper->productAttribute($_product, $_img, 'image');
33
+
34
+ endif;
35
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
36
 
37
  if (count($this->getGalleryImages()) > 0):
38
  foreach ($this->getGalleryImages() as $_image):
39
 
40
  // Find out image name from image URL
41
 
42
+ $img_name = ExtractImageName($this->helper('catalog/image')->init($this->getProduct(), 'image',$_image->getFile()));
43
+ $_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>';
44
 
45
+ echo $_helper->productAttribute($this->getProduct(), $_img, 'image');
46
 
47
  endforeach;
48
+ endif;
49
 
50
+ ?>
51
 
52
+ </p>
53
  <span id="roll_on">Roll on to zoom in</span>
 
 
 
 
 
 
 
 
 
54
  </div>
55
 
56
+ <?php if (count($this->getGalleryImages()) > 0): ?>
57
+
58
  <div class="more-views">
59
  <h4><?php echo $this->__('More Views') ?></h4>
60
  <ul>
61
+ <?php foreach ($this->getGalleryImages() as $_image):
62
+ $moreImg = ExtractImageName($this->helper('catalog/image')->init($this->getProduct(), 'image',$_image->getFile()));
63
+ ?>
64
+ <li><img border="0" src="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile())->resize(56); ?>" onclick="switchmore('<?php echo $moreImg;?>');" alt="<?php echo $this->htmlEscape($_image->getLabel()) ?>" title="<?php echo $this->htmlEscape($_image->getLabel()) ?>" />
 
 
 
 
 
 
 
65
  </li>
66
 
67
+ <?php endforeach; ?>
 
68
  </ul>
69
+ </div>
70
+
71
  <?php endif; ?>
72
 
73
  <?php
113
 
114
  });
115
 
116
+ </script>
117
  <script type="text/javascript">
118
  // show main image
119
  jQuery(document).ready(function() {
123
  jQuery("#productImgDefault").show();
124
 
125
  });
126
+ </script>
app/etc/modules/JM_Zoom.xml CHANGED
@@ -2,8 +2,8 @@
2
  <!--
3
  /**
4
  *
5
- * Package :- CueBlocks_Zoom-1.3.tgz
6
- * Version :- 1.3
7
  * Edition :- Community
8
  * Developed By :- CueBlocks.com
9
  *
2
  <!--
3
  /**
4
  *
5
+ * Package :- CueBlocks_Zoom-1.4.tgz
6
+ * Version :- 1.4
7
  * Edition :- Community
8
  * Developed By :- CueBlocks.com
9
  *
js/jquery/Cuejqzoom.js CHANGED
@@ -1,5 +1,5 @@
1
- /* :- CueBlocks_Zoom-1.3.tgz
2
- * Version :- 1.3
3
  * Edition :- Community
4
  * Developed By :- CueBlocks.com
5
  *
1
+ /* :- CueBlocks_Zoom-1.4.tgz
2
+ * Version :- 1.4
3
  * Edition :- Community
4
  * Developed By :- CueBlocks.com
5
  *
package.xml CHANGED
@@ -1,7 +1,7 @@
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>
@@ -15,8 +15,8 @@
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>
1
  <?xml version="1.0"?>
2
  <package>
3
  <name>CueBlocks_Zoom</name>
4
+ <version>1.4</version>
5
  <stability>stable</stability>
6
  <license>OSL v3.0</license>
7
  <channel>community</channel>
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>11:55:16</time>
19
+ <contents><target name="magedesign"><dir name="frontend"><dir name="default"><dir name="default"><dir name="layout"><file name="zoom.xml" hash="9609fdd0a4fac12c0dd98af4bfe42210"/></dir><dir name="template"><dir name="zoom"><file name="media.phtml" hash="6654af6adacd675aef370e58f77a9407"/></dir></dir></dir></dir></dir></target><target name="magecommunity"><dir name="JM"><dir name="Zoom"><dir name="etc"><file name="config.xml" hash="5955b642819e3fb7bcc853a4e5491fc9"/></dir><dir name="Helper"><file name="Data.php" hash="b02d931b6e052a1f37de6f74156101d3"/></dir></dir><file name="readme.txt" hash="b656f167e5de72c8eaec2eb58b9027d3"/></dir></target><target name="mage"><dir name="js"><dir name="jquery"><file name="Cuejqzoom.js" hash="5fd1cfe59386369ec8ab423f31e805ee"/><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="b2fcbe9c1fef162ba563151baa2424d1"/></dir></target></contents>
20
  <compatible/>
21
  <dependencies/>
22
  </package>