<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">Enable your customers to design and customize a product to fit their needs with the product designer for WooCommerce. It enables you to customize T-shirts, cups, business cards, and other similar products by uploading and adding text, images, and custom designs.</span></p>
<p><span style="font-weight: 400">It allows your customers to create custom product designs exactly how they want. They can add text, clipart, shapes, and effects, or even upload their own designs.</span></p>
<h2><b>Features:</b></h2>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Allow customers to add text to the products</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Select different text colors for the text</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">2 product customizer layout </span><b>(New)</b>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Classic Customizer</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Modern Customizer</span></li>
</ul>
</li>
<li style="font-weight: 400"><span style="font-weight: 400">Set customization fee </span><b>(New)</b></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customize text such as font type, size, and style</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add Effects like grayscale, sepia, invert, emboss, sharpen, blur</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add Shapes like square, circle, oval, diamond</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Upload cliparts and display them to customers for customization</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customize both simple and variable products in the designer</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customization of both the front and back sides of the product</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Allow the user to upload a custom design and images</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Allow specific image upload type </span><b>(New)</b></li>
<li style="font-weight: 400"><span style="font-weight: 400">Download the design image separately</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customize product designer interface</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Integrate Pixabay</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Share the designed product </span><b>(New)</b></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add a Barcode</span></li>
</ul>
<h3><b>Design any Type of Product</b></h3>
<p><span style="font-weight: 400">Allow customers to personalize products like t-shirts, mugs, hats, and more using custom product designer for WooCommerce. They can easily add text, images, and clipart to create unique designs that match their style.</span></p>
<p><span style="font-weight: 400">Choose between two customizer layouts: </span><b>Classic </b><span style="font-weight: 400">and</span><b> Modern</b><span style="font-weight: 400">. The modern customizer includes both light and dark modes, offering an improved design and user experience.</span></p>
<p> </p>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><div id="gallery-0-1-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Design-any-Type-of-Product-1.png","id":"18734006325569","title":"Design any Type of Product 1","alt":"Design any Type of Product 1","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Design-any-Type-of-Product-2.png","id":"18734006325568","title":"Design any Type of Product 2","alt":"Design any Type of Product 2","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Design-any-Type-of-Product-3.png","id":"18734006325567","title":"Design any Type of Product 3","alt":"Design any Type of Product 3","caption":"","itemprop":"image"}]"></div>
<h3><b>Set a Product Customization Fee (New)</b></h3>
<p><span style="font-weight: 400">Product designer for WooCommerce allows you to charge for the customization of the products. It helps you generate additional revenue and charge for printing, embossing, or carving services. You can set the fees globally or individually for all the products.</span></p>
<p><img class="alignnone size-medium wp-image-18734006325700" src="https://woocommerce.com/wp-content/uploads/2024/12/Set-a-Product-Customization-Fee-New-1.png?w=896" alt="Set a Product Customization Fee (New)" width="896" height="534" /></p>
<h3><b>Add Cliparts for Designing</b></h3>
<p><span style="font-weight: 400">Upload custom clipart from the backend to give customers more creative options when designing their products. Product customizer for WooCommerce lets you organize clipart into categories, making it easier for customers to browse and select the perfect designs for personalization.</span></p>
<p> </p>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><div id="gallery-0-2-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Add-Cliparts-for-Designing-1.png","id":"18734006325575","title":"Add Cliparts for Designing 1","alt":"Add Cliparts for Designing 1","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Add-Cliparts-for-Designing-2.png","id":"18734006325576","title":"Add Cliparts for Designing 2","alt":"Add Cliparts for Designing 2","caption":"","itemprop":"image"}]"></div>
<h3><b>Add Front and Back Images</b></h3>
<p><span style="font-weight: 400">This plugin allows you to add front and back images of the products. It helps customers to extensively customize their products from both sides.</span></p>
<p> </p>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><div id="gallery-0-3-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Add-Front-and-Back-Images.png","id":"18734006325580","title":"Add Front and Back Images","alt":"Add Front and Back Images","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Add-Front-and-Back-Images-2.png","id":"18734006325579","title":"Add Front and Back Images 2","alt":"Add Front and Back Images 2","caption":"","itemprop":"image"}]"></div>
<h3><b>Integrate Pixabay</b></h3>
<p><span style="font-weight: 400">Product designer for WooCommerce lets you enable Pixabay and allows customers to add high-resolution images or designs to their products. Customers can choose from more than 5 million images on Pixabay to enhance their product designs.</span></p>
<p><img class="alignnone size-medium wp-image-18734006325582" src="https://woocommerce.com/wp-content/uploads/2024/12/Integrate-Pixabay.png?w=896" alt="Integrate Pixabay" width="896" height="434" /></p>
<h3><b>Allow Specific Image Upload Types (New)</b></h3>
<p><span style="font-weight: 400">Custom product designer lets your customers upload a custom image and design to enhance their product customization. You can also restrict uploads to specific file types, such as JPG, PNG, or SVG, ensuring compatibility, maintaining image quality, and preventing unsupported or unsafe file formats from being uploaded.</span></p>
<p><img class="alignnone size-medium wp-image-18734006325583" src="https://woocommerce.com/wp-content/uploads/2024/12/Allow-Specific-Image-Upload-Types-New.png?w=896" alt="Allow Specific Image Upload Types (New)" width="896" height="148" /></p>
<h3><b>Customize the Product Designer</b></h3>
<p><span style="font-weight: 400">Product designer for WooCommerce lets you adjust the canvas size, set a custom heading, and choose colors for backgrounds, text, and buttons to match your store’s branding. You can also set pricing for custom designs, helping you manage personalized orders while keeping the design area clean, user-friendly, and optimized.</span></p>
<p><b>Note</b><span style="font-weight: 400">: Customization options are available only in the Classic Customizer (V1).</span></p>
<p> </p>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><div id="gallery-0-4-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Customize-the-Product-Designer-2.png","id":"18734006325585","title":"Customize the Product Designer 2","alt":"Customize the Product Designer 2","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Customize-the-Product-Designer.png","id":"18734006325586","title":"Customize the Product Designer","alt":"Customize the Product Designer","caption":"","itemprop":"image"}]"></div>
<p> </p>
<p><span style="align-items: center;solid transparent;border-radius: 2px;margin-bottom: 32px;margin-top: 32px;padding: 24px"><b>Note</b>: Customization options are available only in the Classic Customizer (V1).</span></p>
<h3><b>Download Design Image</b></h3>
<p><span style="font-weight: 400">Admins can download the design image directly from the order details, making it easy to review and print each design accurately for production.</span></p>
<p><img class="alignnone size-medium wp-image-18734006325587" src="https://woocommerce.com/wp-content/uploads/2024/12/Download-Design-Image.png?w=896" alt="Download Design Image" width="896" height="212" /></p>
<h3><b>Compatible with Variable Products</b></h3>
<p><span style="font-weight: 400">Product designer plugin for WooCommerce works seamlessly with variable products, enabling customization for each variation. Upload separate front and back images for every variation so customers see an accurate preview based on their selected size, color, or style.</span></p>
<p><img class="alignnone size-medium wp-image-18734006325588" src="https://woocommerce.com/wp-content/uploads/2024/12/Compatible-with-Variable-Products.png?w=896" alt="Compatible with Variable Products" width="896" height="485" /></p>
<h3><b>Share Your Customized Designs</b></h3>
<p><span style="font-weight: 400">Let customers easily share their personalized products on social media straight from the product designer. This boosts engagement, highlights their creations, and promotes your store organically.</span></p>
<p><img class="alignnone size-medium wp-image-18734006325589" src="https://woocommerce.com/wp-content/uploads/2024/12/Share-Your-Customized-Designs.png?w=896" alt="Share Your Customized Designs" width="896" height="469" /></p>
<p> </p>

Custom Product Designer

<p><span style="font-weight: 400">Enable customers to customize the product according to their preference with WooCommerce product designer.</span></p>

Image Zoom Pro vs Custom Product Designer