<h2>Help Shoppers View Your Products In More Detail</h2>
<p>Image Zoom Pro for WooCommerce helps you extend WooCommerce’s default product-image-zoom capabilities.</p>
<h2>Features</h2>
<p><strong>1. Zoom types</strong></p>
<ul class="wccom-tick-list-secondary">
<li>Default image zoom</li>
<li>Window zoom</li>
<li>Lens zoom</li>
</ul>
<p><strong>2. Mouse-wheel-zoom</strong></p>
<ul class="wccom-tick-list-secondary">
<li>Zoom in on product images and image galleries with your mouse wheel</li>
</ul>
<p><strong>3. Restrictions</strong></p>
<ul class="wccom-tick-list-secondary">
<li>Restrict which product’s images are eligible for image zooming</li>
</ul>
<h2>Benefits</h2>
<p><strong>1. Avoid refunds</strong></p>
<p>Letting users get a close view of your products helps them make informed choices. Informed buyers are more likely to be satisfied with their purchases.</p>
<p><strong>2. Increase conversion rates</strong></p>
<p>Clear images and close-up views will increase buyer interest in your products. Increase your conversion rates with zoom views.</p>
<h2>How does it Work?</h2>
<p>Image Zoom Pro for WooCommerce includes the following tools to give shoppers a clear view of product images and product galleries.</p>
<h2>Image Zoom Types</h2>
<p>Apart from the default image zoom offered by WooCommerce, choose between:</p>
<h3>1. Window Zoom</h3>
<p>In Window Zoom mode, the zoomed view will display in a separate window when users hover over it.</p>
<figure style="width: 1080px" class="wp-caption alignnone"><img src="https://woocommerce.com/wp-content/uploads/2021/02/window-zoom-square-lens.png" alt="" width="1080" height="608" /><figcaption class="wp-caption-text"><strong>Window Zoom with Square Lens</strong></figcaption></figure>
<h3>2. Lens Zoom</h3>
<p>In Lens Zoom mode, the zoomed view will display inside a lens when the user hovers over the image.</p>
<figure style="width: 1080px" class="wp-caption alignnone"><img src="https://woocommerce.com/wp-content/uploads/2021/02/lens-zoom-square-lens.png" alt="" width="1080" height="608" /><figcaption class="wp-caption-text"><strong>Lens Zoom with Square Lens</strong></figcaption></figure>
<h2>Lens Types</h2>
<h3>Round</h3>
<p>In Round Lens, the zoomed area will be displayed inside a circle.</p>
<figure style="width: 1080px" class="wp-caption alignnone"><img src="https://woocommerce.com/wp-content/uploads/2021/02/window-zoom-circle-lens.png" alt="" width="1080" height="608" /><figcaption class="wp-caption-text"><strong>Lens Zoom with Round Lens</strong></figcaption></figure>
<h3>Square</h3>
<p>In Square Lens, the zoomed area will be displayed inside a square.</p>
<figure style="width: 1080px" class="wp-caption alignnone"><img src="https://woocommerce.com/wp-content/uploads/2021/02/lens-zoom-square-lens.png" alt="" width="1080" height="608" /><figcaption class="wp-caption-text"><strong>Lens Zoom with Square Lens</strong></figcaption></figure>
<h3>Mouse Wheel Zoom</h3>
<p>Users can adjust the zoom of an image using their mouse wheel. This option can be turned on or off.</p>
<h2>Extensive Features List</h2>
<h3>1. Product Experience & Conversion Optimization</h3>
<ul class="wccom-tick-list-secondary">
<li>Enable zoom on <strong>Shop pages</strong></li>
<li>Enable zoom on <strong>Category pages</strong></li>
<li>Zoom functionality extends beyond <strong>single-product pages</strong></li>
<li>Zoom can be enabled on <strong>cart thumbnails</strong></li>
<li><strong>Inner Zoom mode</strong> exists in plugin settings</li>
<li><strong>Desktop and mobile</strong> can use different zoom modes</li>
<li>Dedicated <strong>responsiveness toggle</strong></li>
</ul>
<h3>2. Mobile & Desktop Optimization</h3>
<ul class="wccom-tick-list-secondary">
<li>Zoom can be enabled only for <strong>desktop devices</strong></li>
<li>Zoom can be enabled only for <strong>mobile devices</strong></li>
<li>Separate <strong>mobile window positions</strong></li>
</ul>
<h3><strong>3. Product & Catalog Targeting</strong></h3>
<ul class="wccom-tick-list-secondary">
<li>Exclude <strong>individual products</strong> from zoom functionality</li>
<li>Exclude zoom for specific <strong>WooCommerce product types</strong></li>
<li>Exclude products based on <strong>product tags</strong></li>
<li>Exclude products belonging to selected <strong>brands</strong></li>
<li>Restrictions are validated against the <strong>parent product</strong> for variations</li>
</ul>
<h3>4. Zoom Window & Magnification Controls</h3>
<ul class="wccom-tick-list-secondary">
<li>Adjustable <strong>maximum zoom level</strong> for <strong>mouse wheel zoom</strong></li>
<li>Custom <strong>zoom window width and height</strong></li>
<li><strong>Window position</strong> supports <strong>16</strong> placement configurations</li>
<li><strong>X-axis</strong> and <strong>Y-axis window offset</strong></li>
<li>Prevent lens from moving <strong>outside image boundaries</strong></li>
<li><strong>Window Zoom</strong> can <strong>reuse lens configuration</strong></li>
<li><strong>Custom lens dimensions</strong></li>
</ul>
<h3>5. User Interaction Controls</h3>
<ul class="wccom-tick-list-secondary">
<li>Three <strong>cursor modes</strong>:
<ul class="wccom-tick-list-secondary">
<li><strong>Default</strong></li>
<li><strong>Cursor</strong></li>
<li><strong>Crosshair</strong></li>
</ul>
</li>
<li><strong>Easing animation engine</strong></li>
<li>Set <strong>animation speed</strong> in <strong>milliseconds</strong></li>
<li>Adjustable <strong>fade-in speed</strong> for <strong>lens zoom</strong></li>
<li>Adjustable <strong>fade-in speed</strong> for <strong>zoom window</strong></li>
<li>Adjustable <strong>tint animation speed </strong></li>
</ul>
<h3>6. Design & Visual Customization</h3>
<ul class="wccom-tick-list-secondary">
<li>Adjustable <strong>zoom border thickness</strong></li>
<li><strong>Border color</strong> customization</li>
<li>Optional <strong>tint and shadow overlay</strong> around zoomed area</li>
<li>Custom <strong>tint colors</strong></li>
<li>Adjustable <strong>opacity (0–1)</strong></li>
<li>Built-in <strong>custom CSS editor</strong></li>
<li><strong>Image-based selection interface</strong></li>
</ul>
<h3>7. Plugin Compatibility</h3>
<ul class="wccom-tick-list-secondary">
<li>Zoom works inside <strong>gift wrapper interfaces</strong> of Gift Wrapper for WooCommerce plugin</li>
<li>Zoom support on <strong>gift card image interfaces</strong> of Gift Cards for WooCommerce plugin</li>
<li>Zoom works on <strong>free gifts interfaces</strong> of Free Gifts for WooCommerce plugin</li>
</ul>
<p> </p>
<h3>Requirements</h3>
<p>Minimum PHP version: 5.6</p>
<p>Image Zoom Pro for WooCommerce allows your users to view the product image and gallery images more clearly.</p>

Image Zoom Pro

<p>Image Zoom Pro for WooCommerce offers tools which can help your users to view the product image and product gallery images more clearly.</p>

<p><span style="font-weight: 400">Product image zoom allows your customers to magnify images to view products from all angles. A combination of three main options is available in the product image zoom plugin for WooComerce, i.e, zoom in magnifier on hover, display in a lightbox on click, and a 360° rotating image option. This helps your product pages to become more engaging, which directly increases your store’s conversion rate. </span></p>
<p><span style="font-weight: 400">Product image zoom for WooCommerce magnifies images on products and category pages. Moreover, it has enhanced mobile responsiveness and is fully optimized for desktops, tablets, and other handheld devices.</span></p>
<p><span style="font-weight: 400">Customize the tools to ensure a clear product view for your end users. A clearer product picture yields higher returns and conversions.</span></p>
<h2>Features of Product Image Zoom for WooCommerce</h2>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">3 Zoom-in tools: Magnifier, Lightbox, and Rotate 360</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add Magnifier or Lightbox image zoom to the shop page as well</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Apply Zoom to all the products at once</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Display 360° for all product variations. </span><b>(New)</b></li>
<li style="font-weight: 400"><span style="font-weight: 400">Exclude specific products or categories from WooCommerce Zoom features</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Choose from multiple types of magnifiers such as tint, inner zoom, fade, and many more. </span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customize the magnifiers as per your preferences.</span></li>
</ul>
<h3>3 in 1 Image Zoom Options for WooCommerce</h3>
<p><span style="font-weight: 400">With the product image zoom plugin for WooCommerce, you can have three different image zoom options for your product images. When you enable the plugin, it will automatically apply zoom options to your entire product catalog. You can exclude or include products by navigating to the ‘settings’. Configure the image zoom options for the shop and product page separately.</span></p>
<p><span style="font-weight: 400">The three functionalities of the Product Image Zoom extension:</span></p>
<ol>
<li style="font-weight: 400"><span style="font-weight: 400">Magnifier (Zoom product image on hover)</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Lightbox (Zoom on Click)</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">360° Image</span></li>
</ol>
<p><img class="size-medium wp-image-18734006363550 aligncenter" src="https://woocommerce.com/wp-content/uploads/2024/12/3-in-1-Image-Zoom-Options.png?w=843" alt="3 in 1 Image Zoom Options" width="843" height="646" /></p>
<h3>Magnifier Options:</h3>
<p><span style="font-weight: 400">Image zoom for WooCommerce offers a variety of customization options for the magnifier tools so that you can modify the image preview to your liking. You can choose from different magnifier types and sizes. You can also customize the magnifier boxes based on your requirements.</span></p>
<p><img class="size-medium wp-image-18734006363596 aligncenter" src="https://woocommerce.com/wp-content/uploads/2024/12/Image-zoom-Magnifying.gif?w=896" alt="Image zoom Magnifying" width="896" height="364" /></p>
<h3>Set a Magnifier Animation Type</h3>
<p><span style="font-weight: 400">The product image zoom plugin for WooCommerce allows you to set the different magnifier types to enable customers to view product images. These types include:</span></p>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Basic</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Tint</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Inner zoom</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Lens zoom</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Fade</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Easing</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Mouse wheel zoom </span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Image constraint</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Window</span></li>
</ul>
<p><img class="size-medium wp-image-18734006363600 aligncenter" src="https://woocommerce.com/wp-content/uploads/2024/12/Set-a-Magnifier-Animation-Type.png?w=791" alt="Set a Magnifier Animation Type" width="791" height="359" /></p>
<h3>Configure Zoom Box Size – Width and Height</h3>
<p><span style="font-weight: 400">Product zoom boxes are configured by default with a recommended size, but you can customize them to suit your needs. Enter the width and height of the box in the available fields.</span></p>
<p><img class="size-medium wp-image-18734006363603 aligncenter" src="https://woocommerce.com/wp-content/uploads/2024/12/Configure-Zoom-Box-Size-–-Width-and-Height.png?w=896" alt="Configure Zoom Box Size – Width and Height" width="896" height="257" /></p>
<h3>Lightbox Options:</h3>
<p><span style="font-weight: 400">Image zoom for WooCommerce allows you to add a lightbox tool to your website. This feature helps users to preview products in full-size images. The lightbox features only need to be activated once as it applies to all the catalog items in your store.</span></p>
<p><img class="aligncenter wp-image-18734002269848 size-full" src="https://woocommerce.com/wp-content/uploads/2019/10/Lightbox.gif" alt="Lightbox tool feature" width="600" height="338" /></p>
<h3>360° Image Zoom Option:</h3>
<p><span style="font-weight: 400">Product Image Zoom for WooCommerce offers a 360° view that lets customers explore products from every angle without clicking through multiple images. This immersive, interactive experience helps improve engagement and can boost conversions. To use this feature, simply integrate 360° product photography into your store.</span></p>
<p><img class="aligncenter wp-image-18734002269860 size-full" src="https://woocommerce.com/wp-content/uploads/2019/10/360.gif" alt="WooCommerce image zoom 360° tool" width="600" height="339" /></p>
<p> </p>
<h3>360° Image <b>for Product Variations</b>:</h3>
<p><span style="font-weight: 400">Display unique 360° images for each product variation, enabling customers to easily compare differences between options, such as colors or styles. Clear and interactive previews help customers make informed decisions and enhance the overall buying experience.</span></p>
<p><img class="size-medium wp-image-18734006363601 aligncenter" src="https://woocommerce.com/wp-content/uploads/2024/12/360°-Images-for-Product-Variations.png?w=896" alt="360° Images for Product Variations" width="896" height="598" /></p>
<h3><b>Additional Customization Options for the Image Zoom WooCommerce Plugin</b></h3>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Set the cursor type for basic magnifiers such as pointer and crosshair</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Select color, opacity, and cursor type for the tint magnifier type</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Configure the position for the window magnifier either on the right, left, or bottom right</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Configure Lens size and shape for the lens zoom magnifier</span></li>
</ul>

Product Image Zoom

<p><span style="font-weight: 400">Product Image Zoom for WooCommerce helps your customers zoom on product images to see the product more clearly for a better User Experience.</span></p>

Image Zoom Pro vs Product Image Zoom