Jonathan Afranio

<p>Glider.js, Carousel in pure javascript (vanilla.js) for WP</p>


Carrossel with Glider.js

Glider.js, Carousel in pure javascript (vanilla.js) for WP

YITHEMES

<h4>Enhance your product images, the key features of your product page</h4>
<p>When we buy on an online shop, our contact with the product is limited: we cannot touch, smell or try it. We exclude some of our senses from the product experience so it’s really important to reproduce the appearance of the product as faithfully as possible using high quality and eye-catching photos of it. Usability research has shown that customers who buy online first check the photos, and only after read the product description. For this reason the product images are considered as the key element of the shopping experience.</p>
<p>The new version of YITH WooCommerce Product Gallery & Image Zoom allows enabling the zoom and a lightbox on your product images to let customers see any detail and, at the same time, manage thumbnails in a handy slider for a clean and modern result in your product pages.</p>
<h4>Main features</h4>
<ul>
<li>Enable the zoom on your product images</li>
<li>Choose the zoom position (inside the main image or external, in the right side)</li>
<li>Deactivate the zoom on mobile devices</li>
<li>Set the size of the zoom window</li>
<li>Choose whether to blur the image while zooming or not</li>
<li>Show the lightbox on your product images</li>
<li>Customize colors, size and position of lightbox icon</li>
<li>Enable the product gallery slider</li>
<li>Set the number of thumbnails to show in the slider</li>
<li>Show the slider arrows on hover</li>
<li>Customize size, colors and shape of the arrows</li>
<li>Enable the slider autoplay</li>
<li>Enable the slider as infinite (and choose the style between “Circular” and “Back to 1st”)</li>
</ul>
<p>NEED MORE? CHECK THE FEATURES OF THE PREMIUM VERSION:</p>
<ul>
<li>Show or not a zoom icon with custom shape and colors</li>
<li>Disable the zoom option from specific products or categories</li>
<li>Disable the lightbox feature</li>
<li>Customize the lightbox overlay color</li>
<li>Option to replace the main image on hover on the gallery thumbnail</li>
<li>Show fixed arrows in the slider</li>
<li>Emphasize the active thumbnail with a different border color</li>
<li>Add opacity or set a grey scale for the inactive thumbnails</li>
</ul>
<p>See it in action here:</p>
<p><a href="https://plugins.yithemes.com/yith-woocommerce-zoom-magnifier/" rel="nofollow ugc">Check the Live Demo of the Premium Version ></a></p>
<h3>Suggestions</h3>
<p>If you have suggestions about how to improve YITH WooCommerce Product Gallery & Image Zoom, you can <a href="mailto:plugins@yithemes.com" title="Your Inspiration Themes" rel="nofollow ugc">write us</a> so we can bundle them into YITH Zoom WooCommerce Magnifier.</p>
<h3>Translators</h3>
<h4>Available Languages</h4>
<ul>
<li>English (Default)</li>
<li>Italian</li>
<li>Spanish</li>
</ul>
<p>If you have created your own language pack, or have an update for an existing one, you can send <a href="https://codex.wordpress.org/Translating_WordPress" title="Translating WordPress" rel="nofollow ugc">gettext PO and MO file</a><br />
<a href="https://yithemes.com/contact/" title="Your Inspiration Themes" rel="nofollow ugc">use</a> so we can bundle it into YITH WooCommerce Zoom Magnfier Languages.</p>
<h3>Documentation</h3>
<p>Full documentation is available <a href="https://docs.yithemes.com/yith-woocommerce-zoom-magnifier/" rel="nofollow ugc">here</a>.</p>


YITH WooCommerce Product Gallery & Image Zoom

YITH WooCommerce Product Gallery & Image Zoom add zoom effect to product images and a customizable image slider.

Carrossel with Glider.js vs YITH WooCommerce Product Gallery & Image Zoom