Add a secondary image to your products on shop and category pages that flips on mouse hover.

tpplugins

<p>Enhance your WooCommerce store with a beautiful product image flipper. Give your customers a glimpse of another image from your product gallery — 100% responsive and mobile-friendly.</p>
<p>This plugin displays your product’s featured image along with the first gallery image and flips between them on mouse hover.</p>
<p><a href="https://tplugins.com/demos/gallery/tp-gallery-pro-demo.html" rel="nofollow ugc">VIEW DEMO</a></p>
<h3>🚀 Upgrade to TP Gallery PRO — The All-in-One WooCommerce Gallery Solution</h3>
<p><strong>Looking for more than just image flipping?</strong> TP Gallery PRO includes everything this plugin does — and much more. One plugin to replace multiple gallery, slider, and swatch plugins.</p>
<p><a href="https://www.tplugins.com/product/tp-gallery-pro/" rel="nofollow ugc">🔗 Learn More About TP Gallery PRO</a> | <a href="https://tplugins.com/demos/gallery/tp-gallery-pro-demo.html" rel="nofollow ugc">🎬 View Live Demo</a></p>
<h3>🛒 Loop Gallery — Flipper & Slider Modes</h3>
<p>Everything this plugin does, plus a full slider option:<br />
* <strong>Flipper Mode</strong> — Swap images on hover (just like this plugin)<br />
* <strong>Slider Mode</strong> — Mini gallery with navigation arrows on each product<br />
* <strong>Customizable Arrows</strong> — Circle, square, rounded, or minimal styles<br />
* Works on shop, category, and all archive pages</p>
<h3>🖼️ Product Page Gallery</h3>
<p>Replace the default WooCommerce gallery:<br />
* <strong>5 Gallery Layouts</strong> — Thumbnails bottom, left, right, grid mosaic, or slider only<br />
* <strong>3 Zoom Types</strong> — Inner zoom, lens (magnifying glass), or window zoom<br />
* <strong>Video Support</strong> — Embed YouTube & Vimeo videos directly in your gallery<br />
* <strong>Full-Screen Lightbox</strong> — Beautiful lightbox with smooth transitions</p>
<h3>🎨 Visual Variation Swatches</h3>
<p>Replace dropdown selects with stunning visual options:<br />
* <strong>Color Swatches</strong> — Visual color selection<br />
* <strong>Image Swatches</strong> — Mini thumbnails for each option<br />
* <strong>Label Swatches</strong> — Styled text buttons</p>
<h3>🎯 Per-Variation Galleries</h3>
<p>Display unique image sets for each product variation — automatic gallery switching when selecting a variation.</p>
<h3>📦 Product, Category & Brand Sliders</h3>
<p>Create beautiful carousels anywhere on your site with shortcodes:<br />
* Product sliders with 5 design presets<br />
* Category sliders (circle, grid, carousel styles)<br />
* Brand sliders with 7 unique styles<br />
* Cross-sells & upsells as Swiper sliders</p>
<h3>⚡ Optimized Performance</h3>
<ul>
<li><strong>Conditional Loading</strong> — Scripts load only on relevant pages</li>
<li><strong>HPOS Compatible</strong> — Full High-Performance Order Storage support</li>
<li><strong>FSE Ready</strong> — Works perfectly with Full Site Editing / Block themes</li>
<li><strong>100% RTL Support</strong> — Perfect for Hebrew, Arabic, and other RTL languages</li>
</ul>
<p><a href="https://www.tplugins.com/product/tp-gallery-pro/" rel="nofollow ugc">👉 <strong>Get TP Gallery PRO Now — One Plugin, Endless Possibilities</strong></a></p>
<h3>Free Plugin Features</h3>
<ul>
<li>Flip between 2 images on product shop/category pages</li>
<li>Responsive layout</li>
<li>Responsive images with srcset and sizes attributes</li>
<li>100% mobile friendly</li>
<li>Compatible with most premium themes</li>
<li>Compatible with HPOS (High-Performance Order Storage)</li>
<li>Remove duplicate images: Ensures only plugin-generated images are shown</li>
<li>Images from gallery only: Use only gallery images for the flipper</li>
</ul>
<h3>Pro Version Features</h3>
<ul>
<li>Works with Elementor products grid</li>
<li>Display all product gallery images</li>
<li>Responsive layout</li>
<li>Navigation support</li>
<li>Slider autoplay options</li>
<li>Show/hide dots navigation</li>
<li>Customizable slider arrows (color/background/icons)</li>
<li>Customizable slider dots (circle/square/rectangle)</li>
<li>Infinite loop</li>
<li>Mouse dragging option</li>
<li>RTL support</li>
<li>Touch and swipe support</li>
<li>36 animation transform types</li>
<li>Compatible with most premium themes</li>
<li>Image size selection (all theme sizes available)</li>
<li>Change images by dots or thumbnails</li>
</ul>
<h3>Pro Version Video</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/XRCnK5OF0TQ?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>👍 You May Also Like</h3>
<ul>
<li>
<p>🆕 <a href="https://www.tplugins.com/product/tp-advanced-search-for-woocommerce-pro/" rel="nofollow ugc">TP Advanced Search for WooCommerce PRO</a></p>
</li>
<li>
<p>✅ <a href="https://wordpress.org/plugins/tp-woocommerce-product-gallery/" rel="ugc">TP WooCommerce Product Gallery</a></p>
</li>
<li>
<p>✅ <a href="https://wordpress.org/plugins/tp-restore-categories-and-taxonomies/" rel="ugc">TP Restore Categories And Taxonomies</a></p>
</li>
<li>
<p>✅ <a href="https://wordpress.org/plugins/tp-price-drop-notifier-for-woocommerce/" rel="ugc">TP Price Drop Notifier for WooCommerce</a></p>
</li>
<li>
<p>✅ <a href="https://wordpress.org/plugins/tp-product-quick-view-for-woocommerce/" rel="ugc">TP Product Quick View for WooCommerce</a></p>
</li>
<li>
<p>✅ <a href="https://wordpress.org/plugins/tp-product-tooltip/" rel="ugc">TP Product Tooltip for WooCommerce</a></p>
</li>
</ul>
<h4>Change Image Size</h4>
<p>TP Product Image Flipper uses the WooCommerce image size called <code>woocommerce_thumbnail</code>. To change this size, use our filter:</p>
<pre><code>add_filter('tppif_image_size', 'your_function');
</code></pre>
<h4>Example</h4>
<p>The following example uses full image size. Add this function to your theme’s functions.php file:</p>
<pre><code><?php
add_filter('tppif_image_size', 'tp_change_flipper_image_size');
function tp_change_flipper_image_size($default_image_size) {
    return 'full';
}
?>
</code></pre>


Alternatives to TP Product Image Flipper for WooCommerce

Top alternatives