VS_Featurezoom - Version 1.2.0

Version Notes

This script lets you view a magnified portion of any image upon moving your mouse over it. A magnifying glass appears alongside the image displaying the magnified area on demand. The user can toggle the zoom level by using the mousewheel. It's great to use on product images, photos, or other images with lots of details you want users to be able to get into on command.

Download this release

Release Info

Developer Magento Core Team
Extension VS_Featurezoom
Version 1.2.0
Comparing to
See all releases


Code changes from version 1.1.0 to 1.2.0

Files changed (5) hide show
  1. app/code/community/VS/Featurezoom/Model/Magnifierpos.php +2 -3
  2. app/code/community/VS/Featurezoom/etc/config.xml +2 -2
  3. app/design/frontend/default/default/layout/featurezoom.xml +2 -2
  4. app/design/frontend/default/default/template/featurezoom/media.phtml +1 -1
  5. package.xml +4 -4
app/code/community/VS/Featurezoom/Model/Magnifierpos.php CHANGED
@@ -1,11 +1,10 @@
1
  <?php
2
-
3
  class VS_Featurezoom_Model_Magnifierpos{
4
  protected $_options;
5
  const MAGNIFIERPOS_RIGHT = 'right';
6
  const MAGNIFIERPOS_LEFT = 'left';
7
- /* const MAGNIFIERPOS_TOP = 'top';
8
- const MAGNIFIERPOS_BOTTOM = 'bottom';*/
9
 
10
  public function toOptionArray(){
11
  if (!$this->_options) {
1
  <?php
 
2
  class VS_Featurezoom_Model_Magnifierpos{
3
  protected $_options;
4
  const MAGNIFIERPOS_RIGHT = 'right';
5
  const MAGNIFIERPOS_LEFT = 'left';
6
+ const MAGNIFIERPOS_TOP = 'top';
7
+ const MAGNIFIERPOS_BOTTOM = 'bottom';
8
 
9
  public function toOptionArray(){
10
  if (!$this->_options) {
app/code/community/VS/Featurezoom/etc/config.xml CHANGED
@@ -49,8 +49,8 @@
49
  <end>10</end>
50
  </zoomrange>
51
  <magnifiersize>
52
- <height>200</height>
53
- <width>200</width>
54
  </magnifiersize>
55
  </featurezoom>
56
 
49
  <end>10</end>
50
  </zoomrange>
51
  <magnifiersize>
52
+ <height>400</height>
53
+ <width>400</width>
54
  </magnifiersize>
55
  </featurezoom>
56
 
app/design/frontend/default/default/layout/featurezoom.xml CHANGED
@@ -4,7 +4,7 @@
4
 
5
  <catalog_product_view>
6
  <reference name="head">
7
- <action method="addJs" ifconfig="featurezoom/general/enabled"><script>VS/jquery-1.3.2.min.js</script></action>
8
  <action method="addJs" ifconfig="featurezoom/general/enabled"><script>VS/featuredimagezoomer.js</script></action>
9
  </reference>
10
  <reference name="product.info.media">
@@ -14,7 +14,7 @@
14
 
15
  <review_product_list>
16
  <reference name="head">
17
- <action method="addJs" ifconfig="featurezoom/general/enabled"><script>VS/jquery-1.3.2.min.js</script></action>
18
  <action method="addJs" ifconfig="featurezoom/general/enabled"><script>VS/featuredimagezoomer.js</script></action>
19
 
20
  </reference>
4
 
5
  <catalog_product_view>
6
  <reference name="head">
7
+ <action method="addJs"><script>VS/jquery-1.3.2.min.js</script></action>
8
  <action method="addJs" ifconfig="featurezoom/general/enabled"><script>VS/featuredimagezoomer.js</script></action>
9
  </reference>
10
  <reference name="product.info.media">
14
 
15
  <review_product_list>
16
  <reference name="head">
17
+ <action method="addJs"><script>VS/jquery-1.3.2.min.js</script></action>
18
  <action method="addJs" ifconfig="featurezoom/general/enabled"><script>VS/featuredimagezoomer.js</script></action>
19
 
20
  </reference>
app/design/frontend/default/default/template/featurezoom/media.phtml CHANGED
@@ -69,7 +69,7 @@
69
 
70
  <style type="text/css">
71
  .magnifyarea{ /* CSS to add shadow to magnified image. Optional */
72
- /* box-shadow: 5px 5px 7px #818181;
73
  -webkit-box-shadow: 5px 5px 7px #818181;
74
  -moz-box-shadow: 5px 5px 7px #818181;
75
  filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
69
 
70
  <style type="text/css">
71
  .magnifyarea{ /* CSS to add shadow to magnified image. Optional */
72
+ /* box-shadow: 5px 5px 7px #818181;
73
  -webkit-box-shadow: 5px 5px 7px #818181;
74
  -moz-box-shadow: 5px 5px 7px #818181;
75
  filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
package.xml CHANGED
@@ -1,7 +1,7 @@
1
  <?xml version="1.0"?>
2
  <package>
3
  <name>VS_Featurezoom</name>
4
- <version>1.1.0</version>
5
  <stability>stable</stability>
6
  <license uri="http://www.opensource.org/licenses/osl-3.0.php">OSL v3.0</license>
7
  <channel>community</channel>
@@ -10,9 +10,9 @@
10
  <description>This script lets you view a magnified portion of any image upon moving your mouse over it. A magnifying glass appears alongside the image displaying the magnified area on demand. The user can toggle the zoom level by using the mousewheel. It's great to use on product images, photos, or other images with lots of details you want users to be able to get into on command.</description>
11
  <notes>This script lets you view a magnified portion of any image upon moving your mouse over it. A magnifying glass appears alongside the image displaying the magnified area on demand. The user can toggle the zoom level by using the mousewheel. It's great to use on product images, photos, or other images with lots of details you want users to be able to get into on command.</notes>
12
  <authors><author><name>virendra kumar sharma</name><user>auto-converted</user><email>bhardwajveerendra@gmail.com</email></author></authors>
13
- <date>2011-08-03</date>
14
- <time>06:36:11</time>
15
- <contents><target name="magecommunity"><dir name="VS"><dir name="Featurezoom"><dir name="Helper"><file name="Data.php" hash="77e3dc4cd8081d329bbadc986625c956"/></dir><dir name="Model"><file name="Magnifierpos.php" hash="d82b11878765931a4f4c22dde4f42cb4"/></dir><dir name="etc"><file name="config.xml" hash="b53b4deeacce50319e877e59d0dbf4b8"/><file name="system.xml" hash="e3d6c89280c321c7b3fe148b4c0006f0"/></dir></dir></dir></target><target name="magedesign"><dir name="frontend"><dir name="default"><dir name="default"><dir name="layout"><file name="featurezoom.xml" hash="354fa596df2e6b4c8c79285338d7eab5"/></dir><dir name="template"><dir name="featurezoom"><file name="media.phtml" hash="3dcc77e1756b69413b631485864b654c"/></dir></dir></dir></dir></dir></target><target name="mageetc"><dir name="modules"><file name="VS_Featurezoom.xml" hash="87d922669f0ad2ceec5df652a2e76485"/></dir></target><target name="mage"><dir name="js"><dir name="VS"><file name="featuredimagezoomer.js" hash="e06ca70bcdd7964f3b4097f6b30561e3"/><file name="jquery-1.3.2.min.js" hash="25e59325cb47d2ab5ea650d47f431a9c"/><file name="opc-ajax-loader.gif" hash="e805ea7eca1f34c75ba0f93780d32d38"/><file name="spinningred.gif" hash="46893b8266d278b9a81d65cdd1d8f8bf"/></dir></dir></target></contents>
16
  <compatible/>
17
  <dependencies/>
18
  </package>
1
  <?xml version="1.0"?>
2
  <package>
3
  <name>VS_Featurezoom</name>
4
+ <version>1.2.0</version>
5
  <stability>stable</stability>
6
  <license uri="http://www.opensource.org/licenses/osl-3.0.php">OSL v3.0</license>
7
  <channel>community</channel>
10
  <description>This script lets you view a magnified portion of any image upon moving your mouse over it. A magnifying glass appears alongside the image displaying the magnified area on demand. The user can toggle the zoom level by using the mousewheel. It's great to use on product images, photos, or other images with lots of details you want users to be able to get into on command.</description>
11
  <notes>This script lets you view a magnified portion of any image upon moving your mouse over it. A magnifying glass appears alongside the image displaying the magnified area on demand. The user can toggle the zoom level by using the mousewheel. It's great to use on product images, photos, or other images with lots of details you want users to be able to get into on command.</notes>
12
  <authors><author><name>virendra kumar sharma</name><user>auto-converted</user><email>bhardwajveerendra@gmail.com</email></author></authors>
13
+ <date>2011-08-11</date>
14
+ <time>05:52:27</time>
15
+ <contents><target name="magecommunity"><dir name="VS"><dir name="Featurezoom"><dir name="Helper"><file name="Data.php" hash="77e3dc4cd8081d329bbadc986625c956"/></dir><dir name="Model"><file name="Magnifierpos.php" hash="2c934001dea3cf5eb932768dd8620a0d"/></dir><dir name="etc"><file name="config.xml" hash="ad83d19e5b9077215585a36e930b76fb"/><file name="system.xml" hash="e3d6c89280c321c7b3fe148b4c0006f0"/></dir></dir></dir></target><target name="magedesign"><dir name="frontend"><dir name="default"><dir name="default"><dir name="layout"><file name="featurezoom.xml" hash="45d5fffe9bc76bfdd4b9e2a93642250e"/></dir><dir name="template"><dir name="featurezoom"><file name="media.phtml" hash="424e44519382710570f072c3582c67da"/></dir></dir></dir></dir></dir></target><target name="mageetc"><dir name="modules"><file name="VS_Featurezoom.xml" hash="87d922669f0ad2ceec5df652a2e76485"/></dir></target><target name="mage"><dir name="js"><dir name="VS"><file name="featuredimagezoomer.js" hash="e06ca70bcdd7964f3b4097f6b30561e3"/><file name="jquery-1.3.2.min.js" hash="25e59325cb47d2ab5ea650d47f431a9c"/><file name="opc-ajax-loader.gif" hash="e805ea7eca1f34c75ba0f93780d32d38"/><file name="spinningred.gif" hash="46893b8266d278b9a81d65cdd1d8f8bf"/></dir></dir></target></contents>
16
  <compatible/>
17
  <dependencies/>
18
  </package>