VS_Featurezoom - Version 1.0.9

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


Code changes from version 1.0.8 to 1.0.9

Files changed (5) hide show
  1. app/code/community/VS/Featurezoom/etc/config.xml +21 -1
  2. app/code/community/VS/Featurezoom/etc/system.xml +36 -0
  3. app/design/frontend/default/default/layout/featurezoom.xml +8 -3
  4. app/design/frontend/default/default/template/featurezoom/media.phtml +5 -5
  5. package.xml +4 -4
app/code/community/VS/Featurezoom/etc/config.xml CHANGED
@@ -36,7 +36,6 @@
36
  <default>
37
  <featurezoom>
38
  <general>
39
- <enabled>1</enabled>
40
  <defaulfeaturezoom>0</defaulfeaturezoom>
41
  </general>
42
  </featurezoom>
@@ -50,4 +49,25 @@
50
  </updates>
51
  </layout>
52
  </frontend>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
53
  </config>
36
  <default>
37
  <featurezoom>
38
  <general>
 
39
  <defaulfeaturezoom>0</defaulfeaturezoom>
40
  </general>
41
  </featurezoom>
49
  </updates>
50
  </layout>
51
  </frontend>
52
+ <adminhtml>
53
+ <acl>
54
+ <resources>
55
+ <admin>
56
+ <children>
57
+ <system>
58
+ <children>
59
+ <config>
60
+ <children>
61
+ <featurezoom>
62
+ <title>Gestione Liste</title>
63
+ </featurezoom>
64
+ </children>
65
+ </config>
66
+ </children>
67
+ </system>
68
+ </children>
69
+ </admin>
70
+ </resources>
71
+ </acl>
72
+ </adminhtml>
73
  </config>
app/code/community/VS/Featurezoom/etc/system.xml ADDED
@@ -0,0 +1,36 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+
3
+ <config>
4
+ <sections>
5
+ <featurezoom translate="label" >
6
+ <label>VS Feature Zoom</label>
7
+ <tab>catalog</tab>
8
+ <frontend_type>text</frontend_type>
9
+ <sort_order>90</sort_order>
10
+ <show_in_default>1</show_in_default>
11
+ <show_in_website>1</show_in_website>
12
+ <show_in_store>1</show_in_store>
13
+ <groups>
14
+ <general translate="label">
15
+ <label>VS Feature Zoom</label>
16
+ <frontend_type>text</frontend_type>
17
+ <sort_order>1</sort_order>
18
+ <show_in_default>1</show_in_default>
19
+ <show_in_website>1</show_in_website>
20
+ <show_in_store>1</show_in_store>
21
+ <fields>
22
+ <enabled translate="label">
23
+ <label>Enabled</label>
24
+ <frontend_type>select</frontend_type>
25
+ <source_model>adminhtml/system_config_source_yesno</source_model>
26
+ <sort_order>70</sort_order>
27
+ <show_in_default>1</show_in_default>
28
+ <show_in_website>1</show_in_website>
29
+ <show_in_store>1</show_in_store>
30
+ </enabled>
31
+ </fields>
32
+ </general>
33
+ </groups>
34
+ </featurezoom>
35
+ </sections>
36
+ </config>
app/design/frontend/default/default/layout/featurezoom.xml CHANGED
@@ -5,7 +5,7 @@
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"><script>VS/featuredimagezoomer.js</script></action>
9
  </reference>
10
  <reference name="product.info.media">
11
  <action method="setTemplate" ifconfig="featurezoom/general/enabled"><template>featurezoom/media.phtml</template></action>
@@ -15,13 +15,18 @@
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"><script>VS/featuredimagezoomer.js</script></action>
19
 
20
  </reference>
21
  <reference name="product.info.media">
22
  <action method="setTemplate" ifconfig="featurezoom/general/enabled"><template>featurezoom/media.phtml</template></action>
23
  </reference>
24
  </review_product_list>
25
-
 
 
 
 
 
26
  </layout>
27
 
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">
11
  <action method="setTemplate" ifconfig="featurezoom/general/enabled"><template>featurezoom/media.phtml</template></action>
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>
21
  <reference name="product.info.media">
22
  <action method="setTemplate" ifconfig="featurezoom/general/enabled"><template>featurezoom/media.phtml</template></action>
23
  </reference>
24
  </review_product_list>
25
+
26
+ <oi_ajax_image>
27
+ <reference name="product.info.media">
28
+ <action method="setTemplate" ifconfig="featurezoom/general/enabled"><template>featurezoom/media.phtml</template></action>
29
+ </reference>
30
+ </oi_ajax_image>
31
  </layout>
32
 
app/design/frontend/default/default/template/featurezoom/media.phtml CHANGED
@@ -95,10 +95,10 @@ jQuery(document).ready(function($){
95
  </script>
96
  <style type="text/css">
97
  .magnifyarea{ /* CSS to add shadow to magnified image. Optional */
98
- box-shadow: 5px 5px 7px #818181;
99
- -webkit-box-shadow: 5px 5px 7px #818181;
100
- -moz-box-shadow: 5px 5px 7px #818181;
101
- filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
102
- background: white;
103
  }
104
  </style>
95
  </script>
96
  <style type="text/css">
97
  .magnifyarea{ /* CSS to add shadow to magnified image. Optional */
98
+ box-shadow: 5px 5px 7px #818181;
99
+ -webkit-box-shadow: 5px 5px 7px #818181;
100
+ -moz-box-shadow: 5px 5px 7px #818181;
101
+ filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
102
+ background: white;
103
  }
104
  </style>
package.xml CHANGED
@@ -1,7 +1,7 @@
1
  <?xml version="1.0"?>
2
  <package>
3
  <name>VS_Featurezoom</name>
4
- <version>1.0.8</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>virendra.sharma@dotsquares.com</email></author></authors>
13
- <date>2011-04-12</date>
14
- <time>12:21:42</time>
15
- <contents><target name="magecommunity"><dir name="VS"><dir name="Featurezoom"><dir name="Helper"><file name="Data.php" hash="77e3dc4cd8081d329bbadc986625c956"/></dir><dir name="etc"><file name="config.xml" hash="409f7e3295a32e7893f4ee85c8ecc7de"/></dir></dir></dir></target><target name="mageetc"><dir name="modules"><file name="VS_Featurezoom.xml" hash="87d922669f0ad2ceec5df652a2e76485"/></dir></target><target name="magedesign"><dir name="frontend"><dir name="default"><dir name="default"><dir name="layout"><file name="featurezoom.xml" hash="af6ecfd38b5ecf04630c5984e713a27c"/></dir><dir name="template"><dir name="featurezoom"><file name="media.phtml" hash="a0da6637ba1ed97798c8148b637d7568"/></dir></dir></dir></dir></dir></target><target name="mage"><dir name="js"><dir name="VS"><file name="featuredimagezoomer.js" hash="f66baa4c7e1692c00856805f2fd80bbd"/><file name="jquery-1.3.2.min.js" hash="25e59325cb47d2ab5ea650d47f431a9c"/></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.0.9</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>virendra.sharma@dotsquares.com</email></author></authors>
13
+ <date>2011-04-25</date>
14
+ <time>04:35:54</time>
15
+ <contents><target name="magecommunity"><dir name="VS"><dir name="Featurezoom"><dir name="Helper"><file name="Data.php" hash="77e3dc4cd8081d329bbadc986625c956"/></dir><dir name="etc"><file name="config.xml" hash="147991bec1b7abfabb24ef785a276bab"/><file name="system.xml" hash="47ba372fbd4a2586c15743450bb86038"/></dir></dir></dir></target><target name="mageetc"><dir name="modules"><file name="VS_Featurezoom.xml" hash="87d922669f0ad2ceec5df652a2e76485"/></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="99733626ff4246d64323afb6455d9a18"/></dir></dir></dir></dir></dir></target><target name="mage"><dir name="js"><dir name="VS"><file name="featuredimagezoomer.js" hash="f66baa4c7e1692c00856805f2fd80bbd"/><file name="jquery-1.3.2.min.js" hash="25e59325cb47d2ab5ea650d47f431a9c"/></dir></dir></target></contents>
16
  <compatible/>
17
  <dependencies/>
18
  </package>