YITH WooCommerce Zoom Magnifier - Version 1.0.0

Version Description

  • Initial release

=

Download this release

Release Info

Developer yithemes
Plugin Icon 128x128 YITH WooCommerce Zoom Magnifier
Version 1.0.0
Comparing to
See all releases

Version 1.0.0

README.txt ADDED
@@ -0,0 +1,91 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ === YITH WooCommerce Zoom Magnifier ===
2
+
3
+ Contributors: yithemes
4
+ Tags: zoom, magnifier, woocommerce, products, themes, yit, e-commerce, shop
5
+ Requires at least: 3.5.1
6
+ Tested up to: 3.5.1
7
+ Stable tag: 1.0.0
8
+ License: GPLv2 or later
9
+ License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
+
11
+ YITH WooCommerce Zoom Magnifier is a Wordpress plugins that enables you to add a zoom effect to product images.
12
+
13
+ == Description ==
14
+
15
+ = Improve the user experience, improve your sales =
16
+
17
+ Offer to your visitors a chance to inspect in detail the quality of your products. With YITH WooCommerce Zoom Magnifier you can add a zoom effect to all your product images.
18
+ The Wordpress plugin also adds a slider below the featured image with your product gallery images.
19
+
20
+ A working demo is available [here](http://demo.yithemes.com/room09/product/africa-style/). Full documentation is available [here](http://yithemes.com/docs-plugins/yith_magnifier/).
21
+
22
+ = Installation =
23
+
24
+ Once you have installed the plugin, you just need to activate the plugin in order to enable it.
25
+
26
+ = Configuration =
27
+
28
+ YITH WooCommerce Zoom Magnifier will add a new tab called "Magnifier" below the Woocommerce -> Settings menu. Here you are able to configure all the plugin settings.
29
+
30
+ = Developer =
31
+
32
+ Are you a developer? Want to customize the templates or the style of the plugin? Read on the [documentation](http://yithemes.com/docs-plugins/yith_magnifier/) and discover how to do that.
33
+
34
+ = Support =
35
+
36
+ Hi there, we have good news here: all our plugins are released for free. Wow!
37
+ Already knew it, right?! Great, but maybe you do not know that: if you're looking for how to install the plugins or how to use them within your Wordpress installations, which is the right way to ask support?
38
+ That's the way:
39
+
40
+ * Register on http://yithemes.com
41
+ * Go to Support > Get Support
42
+
43
+ Here we provide support, not on wordpress.org were, usually we do not read topics. It's better to follow us or write on our forum!
44
+
45
+ == Installation ==
46
+
47
+ 1. Unzip the downloaded zip file.
48
+ 2. Upload the plugin folder into the `wp-content/plugins/` directory of your WordPress site.
49
+ 3. Activate `YITH WooCommerce Zoom Magnifier` from Plugins page
50
+
51
+ == Frequently Asked Questions ==
52
+
53
+ = The size of the Zoom image is not the size I setted. Why? =
54
+ If you enabled the plugin after you uploaded the images of the product you need to [regenerate the thumbnails](http://wordpress.org/extend/plugins/regenerate-thumbnails/ "regenerate the thumbnails") before to use it. Another reason could be that the size setted for the zoom images is greather than the original image size.
55
+
56
+ = I'm not able to change the sizes of Zoom Image. Why? =
57
+ The size of the Zoom Image is automatically setted. If you want to change these values you just need to untick the option Forcing Zoom Image sizes.
58
+
59
+ == Screenshots ==
60
+
61
+ 1. The plugin at work displaying the magnifier
62
+ 2. The Magnifier settings page
63
+
64
+ == Changelog ==
65
+
66
+ = 1.0.0 =
67
+
68
+ * Initial release
69
+
70
+ == Suggestions ==
71
+
72
+ If you have suggestions about how to improve YITH WooCommerce Zoom Magnifier, you can [write us](mailto:plugins@yithemes.com "Your Inspiration Themes") so we can bundle them into YITH Zoom WooCommerce Magnifier.
73
+
74
+ == Translators ==
75
+
76
+ = Available Languages =
77
+ * English (Default)
78
+ * Italiano
79
+
80
+ If you have created your own language pack, or have an update for an existing one, you can send [gettext PO and MO file](http://codex.wordpress.org/Translating_WordPress "Translating WordPress")
81
+ [use](http://yithemes.com/contact/ "Your Inspiration Themes") so we can bundle it into YITH WooCommerce Zoom Magnfier Languages.
82
+
83
+ == Documentation ==
84
+
85
+ Full documentation is available [here](http://yithemes.com/docs-plugins/yith_magnifier/).
86
+
87
+ == Upgrade notice ==
88
+
89
+ = 1.0.0 =
90
+
91
+ Initial release
assets/css/admin.css ADDED
@@ -0,0 +1,16 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ .yith_woocommerce_slider {
2
+ width: 300px;
3
+ float: left
4
+ }
5
+ .yith_woocommerce_slider_value {
6
+ margin-top: -5px;
7
+ margin-left: 10px;
8
+ width: 50px;
9
+ float: left;
10
+ text-align: center;
11
+ font-weight: bold;
12
+ }
13
+
14
+ .yith_banner {
15
+ margin-top: 10px;
16
+ }
assets/css/frontend.css ADDED
@@ -0,0 +1,51 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /* gallery */
2
+ .yith_magnifier_gallery {
3
+ margin: 0;
4
+ padding: 0;
5
+ }
6
+ .yith_magnifier_gallery li {
7
+ position: relative;
8
+ float: left;
9
+ display: block;
10
+ }
11
+ .yith_magnifier_gallery li.last {
12
+ margin-right: 0;
13
+ }
14
+ .yith_magnifier_gallery li a {
15
+ width: 100% !important;
16
+ display: block;
17
+ margin-top: 10px;
18
+ height: auto !important;
19
+ }
20
+
21
+ /* next/prev */
22
+ .single-product.woocommerce .thumbnails {
23
+ position: relative;
24
+ }
25
+ .single-product.woocommerce .thumbnails #slider-prev,
26
+ .single-product.woocommerce .thumbnails #slider-next {
27
+ display: none !important;
28
+ cursor: pointer;
29
+ width: 27px;
30
+ height: 26px;
31
+ background: url('../images/slider-arrow.png') no-repeat left center;
32
+ position: absolute;
33
+ top: 48%;
34
+ margin-top: -2px;
35
+ }
36
+
37
+ .single-product.woocommerce .thumbnails #slider-prev {
38
+ background-position: left center;
39
+ left: 0px;
40
+ }
41
+ .single-product.woocommerce .thumbnails #slider-next {
42
+ background-position: right center;
43
+ right: 0px;
44
+ }
45
+
46
+ .single-product.woocommerce .thumbnails:hover #slider-prev,
47
+ .single-product.woocommerce .thumbnails:hover #slider-next {
48
+ display: block !important;
49
+ }
50
+
51
+ span.onsale { z-index: 10000 }
assets/css/yith_magnifier.css ADDED
@@ -0,0 +1,71 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ .yith_magnifier_zoom_wrap {
2
+ top: 0;
3
+ z-index: 9999;
4
+ position: relative;
5
+ }
6
+
7
+ .yith_magnifier_loading {
8
+ color:white;
9
+ background:#222;
10
+ padding:3px;
11
+ border:1px solid #000;
12
+ position: absolute;
13
+ text-align: center;
14
+ top: 10%;
15
+ z-index: 9999;
16
+ }
17
+
18
+ .yith_magnifier_zoom {
19
+ position: relative;
20
+ display: block;
21
+ }
22
+
23
+ .yith_magnifier_zoom img {
24
+ display: block;
25
+ }
26
+
27
+ .yith_magnifier_mousetrap {
28
+ z-index: 999;
29
+ position: absolute;
30
+ width: 0px;
31
+ height :0px;
32
+ left: 0;
33
+ top: 0;
34
+ }
35
+
36
+ /* ie fix */
37
+ .ie .yith_magnifier_mousetrap {
38
+ background-image: url(".");
39
+ }
40
+
41
+ .yith_magnifier_lens {
42
+ display: none;
43
+ z-index:98;
44
+ position:absolute;
45
+ overflow: hidden;
46
+
47
+ border: 1px solid #ccc;
48
+ }
49
+
50
+ .yith_magnifier_lens img {
51
+ width: auto !important;
52
+ max-width: none !important;
53
+
54
+ -webkit-transition: all ease-in-out 0s !important;
55
+ -moz-transition: all ease-in-out 0s !important;
56
+ -o-transition: all ease-in-out 0s !important;
57
+ transition: all ease-in-out 0s !important;
58
+ }
59
+
60
+ .yith_magnifier_zoom_magnifier {
61
+ display:none;
62
+ position:absolute;
63
+ z-index: 99;
64
+
65
+ border:4px solid #ccc;
66
+ overflow:hidden;
67
+ }
68
+
69
+ .yith_magnifier_gallery {
70
+ list-style: none;
71
+ }
assets/images/slider-arrow.png ADDED
Binary file
assets/js/frontend.js ADDED
@@ -0,0 +1,43 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /**
2
+ * frontend.js
3
+ *
4
+ * @author Your Inspiration Themes
5
+ * @package YITH WooCommerce Zoom Magnifier
6
+ * @version 1.0.0
7
+ */
8
+ jQuery(document).ready(function($){
9
+
10
+ var yith_wcmg = $('.images');
11
+ var yith_wcmg_zoom = $('.yith_magnifier_zoom');
12
+ var yith_wcmg_image = $('.yith_magnifier_zoom img');
13
+
14
+ var yith_wcmg_default_zoom = yith_wcmg.find('.yith_magnifier_zoom').attr('href');
15
+ var yith_wcmg_default_image = yith_wcmg.find('.yith_magnifier_zoom img').attr('src');
16
+
17
+ yith_wcmg.yith_magnifier(yith_magnifier_options);
18
+
19
+ $( 'form.variations_form' ).on( 'found_variation', function( event, variation ) {
20
+ var image_magnifier = variation.image_magnifier ? variation.image_magnifier : yith_wcmg_default_zoom;
21
+ var image_src = variation.image_src ? variation.image_src : yith_wcmg_default_image;
22
+
23
+ yith_wcmg_zoom.attr('href', image_magnifier);
24
+ yith_wcmg_image.attr('src', image_src);
25
+
26
+ if( yith_wcmg.data('yith_magnifier') ) {
27
+ yith_wcmg.yith_magnifier('destroy');
28
+ }
29
+
30
+ yith_wcmg.yith_magnifier(yith_magnifier_options);
31
+ }).on( 'reset_image', function( event ) {
32
+ yith_wcmg_zoom.attr('href', yith_wcmg_default_zoom);
33
+ //yith_wcmg_image.attr('src', yith_wcmg_default_image);
34
+
35
+ if( yith_wcmg.data('yith_magnifier') ) {
36
+ yith_wcmg.yith_magnifier('destroy');
37
+ }
38
+
39
+ yith_wcmg.yith_magnifier(yith_magnifier_options);
40
+ })
41
+
42
+ $( 'form.variations_form .variations select').trigger('change');
43
+ });
assets/js/frontend.min.js ADDED
@@ -0,0 +1,9 @@
 
 
 
 
 
 
 
 
 
1
+ /**
2
+ * Functions
3
+ *
4
+ * @author Your Inspiration Themes
5
+ * @package YITH WooCommerce Zoom Magnifier
6
+ * @version 1.0.0
7
+ */
8
+ jQuery(document).ready(function(b){var a=b(".images"),d=b(".yith_magnifier_zoom"),f=b(".yith_magnifier_zoom img"),e=a.find(".yith_magnifier_zoom").attr("href"),g=a.find(".yith_magnifier_zoom img").attr("src");a.yith_magnifier(yith_magnifier_options);b("form.variations_form").on("found_variation",function(b,c){var h=c.image_src?c.image_src:g;d.attr("href",c.image_magnifier?c.image_magnifier:e);f.attr("src",h);a.data("yith_magnifier")&&a.yith_magnifier("destroy");a.yith_magnifier(yith_magnifier_options)}).on("reset_image",
9
+ function(){d.attr("href",e);a.data("yith_magnifier")&&a.yith_magnifier("destroy");a.yith_magnifier(yith_magnifier_options)});b("form.variations_form .variations select").trigger("change")});
assets/js/jquery.carouFredSel.js ADDED
@@ -0,0 +1,4255 @@