↑ This is a demo ↑
Elegant Product Gallery with Zoom
the full solution for presenting the product images
on your WooCommerce store.
The gallery’s strong points.
A product gallery concentrated on simplicity and your products’ images.Simple
Minimal design, no unnecessary decorations. The focus is on your images, not on the gallery or the lightbox.Modern
Works on all modern browsers and provides best experience for user on any device.Easy
Highly customizable without requiring any CSS knowledge.Fullscreen
Make use of the full available browser space for an enjoyable image viewing.Plenty of Customization Options
A customizable, modular, responsive and light gallery plugin that provides best experience for user with any device.
| Menu | Option | Description |
|---|---|---|
General Settings | Enable the Gallery | By enabling this option the WooCommerce default gallery will be changed with this plugin's gallery. Uncheck this option if you want to revert to the default WooCommerce gallery without deactivating the entire plugin. |
| Controls Color | The color for the arrows and closing button. Make this fit your theme's colors. | |
| Arrows | Choose the arrows type for the gallery. | |
| Closing Button | Choose the button type for the fullscreen gallery. | |
Gallery Settings | Thumbnails alignment | Should the thumbnails be shown vertically on the left side of the main image, or horizontally below the main image. Hint: if you have images with different height/width ratio, the vertical alignment is preferable. |
| Space between the images | The space between the thumbnails and between the main image and the thumbnails gallery. | |
| Show arrows for main image | This might be useful to unselect this if the thumbnails are vertically aligned. | |
| Show arrows for thumbnail images | This might be useful to unselect this if the thumbnails are vertically aligned. | |
| Thumbnail's width | The width of the thumbnails. An integer between 40 and 500. | |
| Allow a single thumbnail | If there is only one image in the gallery, should the thumbnail be shown or not? | |
| Hide thumbnails when browser's width is smaller than | The thumbnails will disapear if the browser's width is small than this setting. Use 0px if you want the thumbnails to always show regardless of the browser's width. | |
| Thumbnails gallery height. | The height of the thumbnails gallery. Use 0px if you want the height to match the height of the main image. | |
Zoom Settings | Enable the Image Zoom | Enable the zoom when hovering the mouse over the gallery image. |
| Cursor Type | Choose the cursor type during the zoom. | |
| Animation Easing Effect | A number between 0 and 200 to represent the degree of the Animation Easing Effect | |
| Zoom Level | By default the zoom level is calculated automatically from the full size of the uploaded image | |
| Text on the Lens | Let the website user know that there is also a fullscreen zoom. The default value is "Click for fullscreen" | |
| Lens Color | Only for Zoom Window. Only when Tint is not used | |
| Border Thickness | ||
| Border Color | ||
| Fade Time | The amount of time it takes for the Lens to slowly appear or dissapear | |
| Tint | A color that will layed on top the of non-magnified image in order to emphasize the lens | |
| Tint Color | ||
| Tint Opacity | ||
| Zoom Window Width | ||
| Zoom Window Height | ||
| Responsive Threshold | The zoom type will authomatically switch to Inner Zoom once the browser's width becomes less than the threshold. | |
| Positioning | Zoom Window positioning in relationship with the main image | |
| Distance from the Main Image | ||
| Border Thickness | ||
| Shadow Thickness | Use 0px to remove the shadow | |
| Border Color | ||
| Rounded Corners | ||
| Mousewheel Zoom | When using the mousewheel, the zoomed level of the image will change | |
| Fade Time | The amount of time it takes for the Zoom Window to slowly appear or disappear | |
Fullscreen Gallery Settings | Enable the Fullscreen Gallery | When clicking on the main image, a fullscreen gallery will be opened. |
| Close on click on main image | The Fullscreen Gallery closes when the main image is clicked. | |
| Number of Thumbnails | How many thumbnails are visible in the Fullscreen Gallery | |
| Thumbnail's width | The width of the thumbnails. An integer between 40 and 300. |
Browser Support
It’s a snap to setup and works reliably on all modern browsers. Send us a quick note if it doesn’t.
Chrome >=36
Firefox >=16
Opera >=12.1
Explorer >=9
Edge >=13
Safari >=5.1
Get inspired by our customers’ implementations
Select the best option for you, and download it now
* Once you buy the plugin you can use it forever. The license grants you 1 year of automatic updates and support. Before the license expires you can renew it with a 40% discount. See the FAQ page.
- Version: 1.19
- Last updated: 3 years ago
- Requires WordPress Version:3.0.1
- Tested up to: 6.5.2
= 1.19 = * 07/17/2020 * Tweak: update the jquery.image-zoom.js library to the 4.11 version * Declare compatibility with WP5.7 and WC5.4 = 1.17 = * 05/15/2019 * Tweak: show warning if the Jetpack Photon module is active * Fix: the zoom is hidden behind a wrapper for all the Edge-Themes and Mikado-Themes * Fix: compatibility with the Jetpack Lazy Images module * Declare compatibility with WordPress 5.2 * Tweak: update the jquery.image_zoom.js library to the 4.9 version * Declare compatibility with WP5.3 and WC3.8 = 1.16 = * 04/21/2019 * Tweak: start image zoom on mousemove, not on mouseenter * Declare compatibility with WooCommerce 3.6 * Fix: update the Bootstrap library used in the admin side to 3.4.1 version = 1.15 = * 03/05/2019 * Fix: there were multiple sales badges on the theGem theme * Fix: small design fixed on the admin settings page = 1.14 = = 12/20/2018 = * Compatibility with the theGem theme * Compatibility with the WooComposer plugin = 1.13 = * 10/24/2018 * Fix: the main image wasn't changing for the variations * Tweak: remove the WooCommerce support for the default zoom, lightbox and slider = 1.12 = * 07/31/2018 * Fix: the arrows disappear if the theme's flexslider CSS overwrites the font-family * Fix: clone the badge before copying it = 1.11 = * 07/02/2018 * Fix: change the gallery's main image when changing variation * Fix: when Fullscreen Gallery is off, remove the click binding from the image * Compatibility with Amely theme = 1.10 = * 05/02/2018 * Fix: JS warning on browser resize on pages without the gallery = 1.9 = * 02/15/2018 * Test WooCommerce 3.3.0 * Tweak: change default "Main image smooth height" to false = 1.8 = * 01/10/2018 * Feature: option for Main Image Smooth Height * Fix: enable the gallery swiping when the zoom is disabled * Feature: option for Infinite Loop for the gallery * Fix: show the cropped images if the product thumbnails are cropped * Fix: disable mousewheel scroll for Inner Lens zoom = 1.7 = * 10/19/2017 * Feature: add gallery with elegant-product-gallery shortcode * Fix: thumbnails arrows were getting out of page's wrap * Feature: focus effects on thumbnails for horizontal gallery * Declare compatibility with WooCommerce 3.2 (https://woocommerce.wordpress.com/2017/08/28/new-version-check-in-woocommerce-3-2/) = 1.6 = * 07/31/2017 * Feature: add the No Lens, Circle and Square lens shape option. = 1.5 = * 06/27/2017 * Feature: option for enabling the updates to the beta version * Fix: rename the EDD_SL_Plugin_Updater class to avoid conflicts with other plugins that update with this class * Fix: remove the zoom on mobile device also after resizing the window = 1.4 = * 04/12/2017 * Fix: remove zoom binding from non-active gallery images * Fix: on fullscreen zoom set the navigation div under the active image, otherwise it interferes with the "close on click" action * Feature: option to remove the zoom on mobile devices = 1.3 = * 04/10/2017 * Fix: for horizontal galleries adjust the thumbnails size to the screen size in order to show at least 3 thumbs = 1.2 = * 04/04/2017 * Feature: option to fix the vertical thumbnails * Fix: vertical thumbnails go to unpredictable directions = 1.1 = * 03/30/2017 * Feature: option to switch the thumbnails from vertical to horizontal on a breaking point * Fix: vertical thumbnails keep the active thumbnail on the second visible position = 1.0 = * 03/19/2017 * Initial commit
Frequently Asked Questions
- What is the difference between the WP Image Zoom plugin and the Elegant Product Gallery with Zoom?
The zoom plugin does only zoom. It can be used to zoom on an post/page image, on a carousel, in a lightbox. It will also work with most WooCommerce gallery implementations. On the other hand, the Elegant Product Gallery with Zoom will replace entirely your WooCommerce gallery. It comes as an integrated solution for a gallery, zoom and fullscreen zoom.
- Do you issue invoices?
Yes, we issue invoices for every completed order. You’ll find the link to the generated invoice in the after-purchase email or in the customer area after you create a user on the silkypress.com website.
- Can I test the plugin before I buy it?
Unfortunately not. If you have questions about the plugin please contact us and we will answer every question.
- What do I get when I buy the plugin?
You get to download the plugin from a trusted source. 100% malware free. With every purchase you also get support and updates for 1 year. After that you can use the plugin as long as you want, but won’t get updates and support. Before the license expires you are entitled to renew it for 60%.