<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>

<h2>Get more items in the cart by building urgency and trust with your customers</h2>
<div class="twocol-one" style="margin-bottom: 0">
<p>Product Badges helps you showcase key product details, limited-time offers, or important info directly on your product images. Choose from pre-made badges, upload your own, use a countdown timer, or create custom badges with text or code.</p>
<p>Use product badges to:</p>
<ul>
<li>Build urgency with countdowns and low-stock labels</li>
<li>Promote sales, shipping perks, or product features</li>
<li>Highlight categories, brands, or custom tags</li>
</ul>
<p>No image editing required. Just pick a badge and assign it to the products you want.</p>
<p>The built-in dashboard makes it simple to create, customize, and apply badges. Assign badges by product type, stock status, category, tag, shipping class, or manually for full control.</p>
<p>Badges can be shown on:</p>
<ul>
<li>All products or specific products</li>
<li>Sale or non-sale products</li>
<li>Out of stock, backorder, or featured products</li>
<li>Products in specific categories or with specific tags</li>
</ul>
<p style="font-style: italic">Read on to find out why you should use Product Badges and the great features included…</p>
</div>
<div class="twocol-one last" style="margin-bottom: 0">
<p><a href="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-display.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-display.jpg" /></a></p>
<div class="woocommerce-message">
<div><strong>Jack, an ecommerce store owner said:</strong></div>
<div style="margin-top: 0.5em"><i>“I was previously wasting lots of time editing product images and adding badges, now I can easily create badges and assign them to specific products.”</i></div>
</div>
</div>
<hr style="clear: both" />
<h2>Features</h2>
<ul class="wccom-tick-list-secondary" style="line-height: 1.8em;margin-bottom: 18px">
<li><strong>Includes pre-made badges for holidays & events (such as Black Friday, Mother’s Day, Father’s Day, Halloween, and more!) </strong></li>
<li><strong>Upload your own custom product badge</strong></li>
<li><strong>Create custom countdown badges (e.g. “Ends in 3 days”)</strong></li>
<li>Add text badges with flexible styling options</li>
<li>Add multiple badges to the same product</li>
<li>Create custom badges with your own HTML/CSS</li>
<li>Easy-to-use dashboard to manage all your badges with ability to search badges and sort badges</li>
<li>Built-in compatibility mode for theme/plugin conflicts</li>
<li>SVG format for crisp badge rendering</li>
<li>Display badges site-wide, or assign them conditionally:</li>
<li>Assign badges to out of stock products</li>
<li>Assign badges to on backorder products</li>
<li>Assign badges to featured products</li>
<li>Assign badges to products in specific categories</li>
<li>Assign badges to products with specific tags</li>
<li>Assign badges to products with specific shipping classes</li>
<li>Assign badges to specific products</li>
</ul>
<p><strong>Ready to get started?</strong></p>
<p><a class="wccom-button is-primary" style="font-weight: 400;text-decoration: none;width: 130px" href="https://woocommerce.com/?add-to-cart=6662686" target="_blank" rel="noopener"><span class="wccom-button__text">Buy now</span></a></p>
<hr style="clear: both" />
<h2>Highlights</h2>
<p style="font-style: italic">Get these great features for your store…</p>
<div class="twocol-one" style="margin-bottom: 0">
<p><strong>Displayed across your WooCommerce store</strong><br />
Product badges appear directly on product images, wherever they’re shown.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-display.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-display.jpg" /></a></p>
</div>
<div class="twocol-one last" style="margin-bottom: 0">
<h3><strong>Pre-made and seasonal badge sets</strong></h3>
<p>Choose from holiday, promo, and general-purpose badges ready to go.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-premade.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-premade.jpg" /></a></p>
</div>
<div class="twocol-one" style="margin-bottom: 0">
<h3>Custom image product badges</h3>
<p>Upload your own icons or graphics for a fully branded look.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-image.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-image.jpg" /></a></p>
</div>
<div class="twocol-one last" style="margin-bottom: 0">
<h3>Countdown badges</h3>
<p>Add urgency with badges that count down to a specific time or date.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-countdown.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-countdown.jpg" /></a></p>
</div>
<div class="twocol-one" style="margin-bottom: 0">
<h3><strong>Text and code-based badges</strong></h3>
<p>Create fully custom badges using text styles or raw code.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-text.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-text.jpg" /></a></p>
</div>
<div class="twocol-one last" style="margin-bottom: 0">
<h3>Code badges</h3>
<p>Code your own badge and style it with CSS.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-code.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-code.jpg" /></a></p>
</div>
<div class="twocol-one" style="margin-bottom: 0">
<h3><strong>Easy badge manager</strong></h3>
<p>Create, organize, and assign badges from one friendly dashboard.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/10/badge-management-dashboard.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="https://woocommerce.com/wp-content/uploads/2020/10/badge-management-dashboard.jpg" /></a></p>
</div>
<div class="twocol-one last" style="margin-bottom: 0">
<h3><strong>Multiple badge support</strong></h3>
<p>Display more than one badge per product when needed for unlimited flexibility</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-multiple.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-multiple.jpg" /></a></p>
</div>
<hr style="clear: both" />
<h2>Screenshots</h2>
<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\/2020\/10\/product-badges-screenshot-display.jpg","id":"18734000556421","title":"product-badges-screenshot-display","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2020\/10\/product-badges-screenshot-premade.jpg","id":"18734000556431","title":"product-badges-screenshot-premade","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2020\/10\/product-badges-screenshot-image.jpg","id":"18734000556605","title":"product-badges-screenshot-image","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2020\/10\/product-badges-screenshot-countdown.jpg","id":"18734000556500","title":"product-badges-screenshot-countdown","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2020\/10\/product-badges-screenshot-text.jpg","id":"18734000556606","title":"product-badges-screenshot-text","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2020\/10\/product-badges-screenshot-code.jpg","id":"18734000556504","title":"product-badges-screenshot-code","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2020\/10\/badge-management-dashboard.jpg","id":"18734003137990","title":"badge-management-dashboard","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2020\/10\/product-badges-screenshot-multiple.jpg","id":"18734000556509","title":"product-badges-screenshot-multiple","alt":"","caption":"","itemprop":"image"}]"></div>
<hr style="clear: both" />
<div class="woocommerce-message">
<h2>Example usage</h2>
<p>Sophia manages a WooCommerce store selling electrical appliances, depending on the manufacturer the warranty could be 1 to 25 years. To help customers easily see this she creates a badge for each warranty period and assigns these badges to matching products. She has also created badges for each brand so her customers can see the brand logo on product images in addition to the warranty badge.</p>
</div>
<hr style="clear: both" />
<h2>More information</h2>
<ul>
<li><a href="https://woocommerce.com/document/product-badges/">Read our documentation</a> for an overview of the settings, options, frequently asked questions and more.</li>
<li><a href="http://kestrelwp.com/support" target="_blank" rel="noopener">Contact us if you have any questions</a> and we’ll be happy to help.</li>
</ul>
<hr style="clear: both" />
<h2>Ready to get started?</h2>
<p>Add Product Badges to your store and start nudging buyers toward the right products.</p>
<p><a class="wccom-button is-primary" style="font-weight: 400;text-decoration: none;width: 130px" href="https://woocommerce.com/?add-to-cart=6662686"><span class="wccom-button__text">Buy now</span></a></p>

Product Badges

<p>Highlight urgency, perks, or availability right on your product images.</p>

Product Image Zoom vs Product Badges