Directory / plugin

TP Product Image Flipper for WooCommerce

v2.0.8 ยท by TPlugins

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

About this plugin

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.

This plugin displays your product’s featured image along with the first gallery image and flips between them on mouse hover.

VIEW DEMO

๐Ÿš€ Upgrade to TP Gallery PRO โ€” The All-in-One WooCommerce Gallery Solution

Looking for more than just image flipping? TP Gallery PRO includes everything this plugin does โ€” and much more. One plugin to replace multiple gallery, slider, and swatch plugins.

๐Ÿ”— Learn More About TP Gallery PRO | ๐ŸŽฌ View Live Demo

๐Ÿ›’ Loop Gallery โ€” Flipper & Slider Modes

Everything this plugin does, plus a full slider option:
* Flipper Mode โ€” Swap images on hover (just like this plugin)
* Slider Mode โ€” Mini gallery with navigation arrows on each product
* Customizable Arrows โ€” Circle, square, rounded, or minimal styles
* Works on shop, category, and all archive pages

๐Ÿ–ผ๏ธ Product Page Gallery

Replace the default WooCommerce gallery:
* 5 Gallery Layouts โ€” Thumbnails bottom, left, right, grid mosaic, or slider only
* 3 Zoom Types โ€” Inner zoom, lens (magnifying glass), or window zoom
* Video Support โ€” Embed YouTube & Vimeo videos directly in your gallery
* Full-Screen Lightbox โ€” Beautiful lightbox with smooth transitions

๐ŸŽจ Visual Variation Swatches

Replace dropdown selects with stunning visual options:
* Color Swatches โ€” Visual color selection
* Image Swatches โ€” Mini thumbnails for each option
* Label Swatches โ€” Styled text buttons

๐ŸŽฏ Per-Variation Galleries

Display unique image sets for each product variation โ€” automatic gallery switching when selecting a variation.

๐Ÿ“ฆ Product, Category & Brand Sliders

Create beautiful carousels anywhere on your site with shortcodes:
* Product sliders with 5 design presets
* Category sliders (circle, grid, carousel styles)
* Brand sliders with 7 unique styles
* Cross-sells & upsells as Swiper sliders

โšก Optimized Performance

  • Conditional Loading โ€” Scripts load only on relevant pages
  • HPOS Compatible โ€” Full High-Performance Order Storage support
  • FSE Ready โ€” Works perfectly with Full Site Editing / Block themes
  • 100% RTL Support โ€” Perfect for Hebrew, Arabic, and other RTL languages

๐Ÿ‘‰ Get TP Gallery PRO Now โ€” One Plugin, Endless Possibilities

Free Plugin Features

  • Flip between 2 images on product shop/category pages
  • Responsive layout
  • Responsive images with srcset and sizes attributes
  • 100% mobile friendly
  • Compatible with most premium themes
  • Compatible with HPOS (High-Performance Order Storage)
  • Full PHP 8 support
  • Remove duplicate images: Ensures only plugin-generated images are shown
  • Images from gallery only: Use only gallery images for the flipper

Pro Version Features

  • Works with Elementor products grid
  • Display all product gallery images
  • Responsive layout
  • Navigation support
  • Slider autoplay options
  • Show/hide dots navigation
  • Customizable slider arrows (color/background/icons)
  • Customizable slider dots (circle/square/rectangle)
  • Infinite loop
  • Mouse dragging option
  • RTL support
  • Touch and swipe support
  • 36 animation transform types
  • Compatible with most premium themes
  • Image size selection (all theme sizes available)
  • Change images by dots or thumbnails

Pro Version Video

๐Ÿ‘ You May Also Like

Change Image Size

TP Product Image Flipper uses the WooCommerce image size called woocommerce_thumbnail. To change this size, use our filter:

add_filter('tppif_image_size', 'your_function');

Example

The following example uses full image size. Add this function to your theme’s functions.php file:

<?php
add_filter('tppif_image_size', 'tp_change_flipper_image_size');
function tp_change_flipper_image_size($default_image_size) {
    return 'full';
}
?>

Plugin tags