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

<p>WooCommerce Product Video extension empowers you to add videos to your product pages. You can upload or embed videos from Youtube, Vimeo, Dailymotion, Metacafe or Facebook. Add a featured product video or include multiple videos in your product gallery.</p>
<p>You can display featured videos on listing pages and customize video thumbnails. Following are the main features of this Product Video plugin.</p>
<h2><strong>Features List of WooCommerce Product Video</strong></h2>
<ul>
<li>Attach videos on any product page</li>
<li>Add a featured product video</li>
<li>Add multiple videos in the product gallery</li>
<li>Play videos – In-Popup, From Page or Full Screen</li>
<li>Upload or embed videos from Youtube & other popular websites</li>
<li>Customize width and height of videos for both shop and product pages</li>
<li>Extensive configurations for embedded & self-hosted videos</li>
<li>Add thumbnails for videos</li>
<li>Choose from 2 video gallery styles (HTML5 LightBox or WooCommerce Style Gallery)</li>
</ul>
<h2>Add Product Featured Video:</h2>
<p>WooCommerce Product Videos extension enables you to replace the featured product images with a video. The featured videos can be played in a popup or from the same page. You can add a WooCommerce product featured video exactly from the product edit page at the back office.</p>
<p><img class="wp-image-4912122 size-full alignnone" src="https://woocommerce.com/wp-content/uploads/2019/10/Add-Product-Featured-Video.png" alt="Add Product Featured Video" width="772" height="640" /></p>
<h2>Add Videos to Product Gallery:</h2>
<p>With this plugin, you can also add videos to the WooCommerce product gallery along with your images. Customize the thumbnail for each product gallery video to convey a message before users click to play a video.</p>
<p><img class="wp-image-4912123 size-full alignnone" src="https://woocommerce.com/wp-content/uploads/2019/10/Add-Videos-to-Product-Gallery.png" alt="" width="918" height="749" /></p>
<h3>Show Featured Videos on Listing Pages:</h3>
<p>You can choose to show or hide any featured videos from listing pages. The plugin will automatically display the existing featured image on the listing page if the admin has configured the video to be displayed only on product page.</p>
<p><img class="alignnone size-full wp-image-4912124" src="https://woocommerce.com/wp-content/uploads/2019/10/Featured-Videos-on-Listing-Pages.png" alt="" width="903" height="992" /></p>
<h2>Upload or Embed Videos:</h2>
<p>You can choose to upload video or embed them from popular websites such as</p>
<ul>
<li>Youtube</li>
<li>Vimeo</li>
<li>Dailymotion</li>
<li>Facebook</li>
<li>Metacafe</li>
</ul>
<p>By default, the WooCommerce Video Product plugin allows you to upload videos in any format such as MP4, MKV, AVI, MOV, FLV, WMV, and many more.</p>
<h3>Customize Thumbnail:</h3>
<p>For every video you upload or attach, you can choose to add a custom thumbnail for it. The videos with the custom thumbnails are played in an attractive popup.</p>
<p><img class="wp-image-4912126 size-full alignnone" src="https://woocommerce.com/wp-content/uploads/2019/10/Upload-or-Embed-Videos.png" alt="" width="702" height="787" /></p>
<h2>Play Videos in a Popup:</h2>
<p>WooCommerce Product Video extension comes with an attractive popup that allows you to play videos in a lightbox. The gallery videos are always played in a popup, you can customize or use the default thumbnail image.</p>
<p><img class="alignnone size-full wp-image-4912129" src="https://woocommerce.com/wp-content/uploads/2019/10/Play-videos-in-popup.png" alt="" width="900" height="660" /></p>
<h2>Play Videos from Page:</h2>
<p>You can choose to play featured videos from the page instead of playing them in a popup. The customers can see the video in full screen by clicking the “full-screen” button.  Only the featured videos without thumbnail are played from page, whereas the videos with thumbnails are automatically played in popup.</p>
<p><img class="alignnone size-full wp-image-4912130" src="https://woocommerce.com/wp-content/uploads/2019/10/Video-Played-from-Page.png" alt="" width="769" height="558" /></p>
<p> </p>
<h2>Attach a Gallery Video to Multiple Products:</h2>
<p>While adding a new gallery video, you can choose to add it to multiple products at once. However, for featured video, you can add it from each product page.</p>
<p><img class="alignnone size-full wp-image-4912131" src="https://woocommerce.com/wp-content/uploads/2019/10/Attach-Videos-to-Multiple-products.png" alt="" width="878" height="531" /></p>
<h2><strong>Configuration Options For Product Videos:</strong></h2>
<p>This product Video plugin provides you extensive configurations options for both self-hosted and third party videos</p>
<h3>General Settings:</h3>
<p>With the release of version 1.4.0, you can now choose the video gallery style you would like use for your website. The extension offers 2 different gallery styles which includes,</p>
<p><strong>1) HTML5 Lightbox Gallery Template</strong></p>
<p>HTML5 Lightbox Gallery enables you to play the feature videos on product and shop page, where as the gallery videos and images are played in a popup.</p>
<p><img class="alignnone wp-image-8670227 size-full" src="https://woocommerce.com/wp-content/uploads/2019/10/HTML-5-Lightbox.gif" alt="" width="1332" height="764" /></p>
<p><strong>2) Woo Custom Gallery Template</strong></p>
<p>Woo Custom Gallery Template enables you to display gallery images and videos in the featured box instead of showing them in lightbox popup. You can choose to display gallery images at the top, bottom, right or left side of the featured box and customize the number of gallery items to be displayed.</p>
<p><img class="alignnone wp-image-8670229 size-full" src="https://woocommerce.com/wp-content/uploads/2019/10/Woo-Custom-Gallery-Final.gif" alt="" width="856" height="533" /></p>
<h3><strong>Configurations for Self Hosted Featured Video:</strong></h3>
<p>You can configure the following options for the featured videos uploaded from your local disk,</p>
<ul>
<li>Enable/ Disable Auto Play Video</li>
<li>Play in loop</li>
<li>Auto Mute Video</li>
<li>Show/Hide video controls</li>
<li>Customize video width & height for product and shop pages</li>
<li>Adjust video width in percentage and height in px</li>
</ul>
<p><img class="alignnone size-full wp-image-5747012" src="https://woocommerce.com/wp-content/uploads/2019/10/Self-hosted-Video-Settings.png" alt="Self hosted Video Settings" width="766" height="811" /></p>
<h3><strong>Configuration Options for Embedded Videos:</strong></h3>
<p>This WooCommerce Product Videos plugin by Addify provides you separate settings for featured and gallery videos embedded from third-party websites.</p>
<p><strong>Settings for Featured Video</strong></p>
<p>You can configure the following options for third-party featured videos,</p>
<ul>
<li>Enable/ Disable Auto Play Video</li>
<li>Allow/Disallow Full-Screen</li>
<li>Auto Mute Video</li>
<li>Show/Hide Related Videos</li>
<li>Customize video width & height for product and shop pages</li>
<li>Adjust video width in percentage and height in px</li>
</ul>
<p><img class="alignnone size-full wp-image-5747013" src="https://woocommerce.com/wp-content/uploads/2019/10/Hosted-Video-Settings.png" alt="" width="763" height="816" /></p>
<p><strong>Settings for Gallery Video:</strong></p>
<p>The plugin provides you separate configurations for third party gallery videos,</p>
<ul>
<li>Enable/ Disable Auto Play Video</li>
<li>Allow/Disallow Full-Screen</li>
<li>Auto Mute Video</li>
<li>Show/Hide Related Videos</li>
<li>The thumbnails are auto-adjusted</li>
</ul>
<p><img class="alignnone size-full wp-image-4912135" src="https://woocommerce.com/wp-content/uploads/2019/10/Third-party-Galery-videos.png" alt="" width="818" height="470" /></p>
<h2>FAQs:</h2>
<p><strong>Do the extension changes the default gallery layout?</strong></p>
<p>Due to technical limitation, the extensions need to replace the gallery. We have 2 gallery styles including custom and a WooCommerce default styled gallery to make sure that you website experience remains same. However, if the you image gallery is highly customized, you might need some tweaking to get it aligned. Feel free to reach out to our support team in this regard.</p>

Product Video

<p>Improve sales by integrating gallery and featured videos to your product pages. YouTube & Vimeo video supported.</p>
<div class="heading--4 ui-app-store-hero__ratings">
<div class="ui-star-rating ui-star-rating--active" data-rating="4">
<div class="ui-star-rating__icon-set" aria-hidden="true">
<div class="ui-star-rating__icon"></div>
</div>
</div>
</div>

Product Image Zoom vs Product Video