FAIR

Federated and Independent Repositories

TP Product Image Flipper for Woocommerce

Plugin Banner

TP Product Image Flipper for Woocommerce

by TPlugins

Download
Description

Get a beautiful and better product flipper image to your store, 100% Responsive, Give your customers a glimpse of another image from your product.
This plugin get your product featured image with the first gallery image and flipp between them on mouse over.

PRO DEMO

Click Here to Get the Pro Version

Plugin Features

  • Flip between 2 images on product shop/category page.
  • Responsive Layout.
  • Responsive Images – Responsive images with srcset, sizes.
  • 100% mobile friendly.
  • Working with Most of Premium themes.
  • Compatible with HPOS (High-Performance Order Storage).
  • New! Remove duplicate images: Remove any additional images of a product on shop/category pages. This ensures only the images generated by the plugin will be shown.
  • New! Images from the gallery only: Use only images from the product gallery for the image flipper. If there are less than two images in the gallery, it will show the product’s main image.

Pro Version Features

  • Work with Elementor products grid.
  • Display all your product gallery images.
  • Responsive Layout.
  • Navigation support.
  • Slider AutoPlay Options.
  • Display Dots (Show/Hide).
  • Customize Slider Arrow (Color/Background/Icons).
  • Customize Slider Dots (Circle/Square/Rectangle).
  • Infinite Loop.
  • Mouse Dragging option.
  • RTL support.
  • Touch and Swipe support for images etc.
  • Customize animation transform (36 type of animations).
  • Working with Most of Premium themes.
  • Images size select (all your theme sizes).
  • Change images by dots or thumbs.

Pro Version Video

👍 You May Also Like

Change image size

TP Product Image Flipper is using woocommerce image size called: woocommerce_thumbnail, if you want to change this size you can do it with our new filter:

add_filter('tppif_image_size', 'your_function');

Example

The following example is using full image size. You can add this function to your functions file.

<?php
      add_filter('tppif_image_size', 'tp_change_fliper_image_size');
      function tp_change_fliper_image_size($default_image_size) {
    return 'full';
       }
?>
  1. Unzip the downloaded zip file.
  2. Upload the plugin folder into the wp-content/plugins/ directory of your WordPress site.
  3. Activate TP Product Image Flipper for Woocommerce through the ‘Plugins’ menu in WordPress.

No need for configuration, just Activate the plugin and that’s it.

  1. Shop Page (1/4)

    Shop Page (1/4)

  2. Pro Version dots mode (2/4)

    Pro Version dots mode (2/4)

  3. Pro Version thumbs mode (3/4)

    Pro Version thumbs mode (3/4)

  4. Pro Version thumbs mode change css (4/4)

    Pro Version thumbs mode change css (4/4)

Do i need Woocommerce install in my site?

Of course, Our plugin works with Woocommerce so you need Woocommerce shop in your site.

What about mobile devices?

TP Product Image Flipper for Woocommerce is 100% Responsive and tested on any device and screen resolution.
However, in mobile we dont have the “onhover” event so you will see only the first image.

I need a feature that you dont have

No problem! Contact Us Here and tell us what you need our team will be happy to help you.

I Activate the plugin but it’s not working

If you activate the plugin but it’s not working this could be for several reasons:
The most common reason is can be another plugin that using remove_action hook
TP Product Image Flipper for Woocommerce use remove_action hook “woocommerce_template_loop_product_thumbnail” to remove the default woocommerce image from shop/category page and insert our image section,
if another plugin or theme are do the same it can create a collision.

Can I change image size?

Yes you can.
Use this filter to change image size:
add_filter(‘tppif_image_size’, ‘your_function_name’);
function your_function_name($default_image_size) {
return ‘thumbnail’;
}

Great!

By talerez1985 on September 19, 2024

Great plugin , Works great on my site.

Very simple and no settings are needed.

thanks

By bgbala on October 17, 2023

obrigado, exatamente o que procurava

Amazing!!!

By sumpffee on August 7, 2023

Does exacltly what it should and works like a charm! PLUS easiest installation ever 🙂

Perfect

By squaladesign on July 12, 2023

Working perfectly well with Elementor Pro and Hello Theme. The free version is basic but works perfectly fine!

Good plugin, Read if you only see the second image

By yvankarman2 on November 4, 2022

The free version of this plugin works great, the only exception being when ANY sort of lazy loading is enabled. Disable this and the images will be displayed properly again. This might be something for the devs to look into.

Not working with Hello Elementor theme

By cirsteanalexandra31 on October 9, 2022

The switching does not happen. It just shows the second image instead of the first designated one, and there's no transition.

Perfect both plugin and support!

By Bardo (brewitch) on September 5, 2022

Wonderful plugin, it does what it says! I needed help with a css issue and the support answered quick to my email resolving it! Great! 🙂

Does not work with Avada theme

By MattLyonsMusic on August 13, 2022

It just makes a second image above the original. There is no rollover hover effect created.

Very useful plugin to increase conversions

By branostupak on June 21, 2022

The plugin is super easy to use and helps a lot with the conversion. Thanks for help to developers who helped us to implement plugin.

Amazing Support

By talha93tariq on June 14, 2022

Works well and support was really quick! <3

2.0.5 – Update

  • Update – WordPress 6.8.2 compatibility
  • Update – WooCommerce 10.1.2 compatibility

2.0.4 – Update

  • Update – WordPress 6.7.1 compatibility
  • Update – WooCommerce 9.5.2 compatibility

2.0.3 – Update

  • Update – WordPress 6.5.2 compatibility
  • Update – WooCommerce 8.7.0 compatibility

2.0.2 – Update

  • Update – WordPress 6.4.2 compatibility
  • Update – WooCommerce 8.4.0 compatibility

2.0.1 – Update

  • Update – WordPress 6.3.2 compatibility.
  • Update – WooCommerce 8.2.1 compatibility
  • Compatible with HPOS (High-Performance Order Storage)

2.0.0 – Update

  • New – Settings page: Go to admin area under wordpress settings new submenu “TP Product Image Flipper”.
  • Update – WooCommerce 7.9.0 compatibility
  • New option: Remove duplicate images – In some templates / plugins the image is duplicated because they use the same hook, this option fixes it.
  • New option: Images from the gallery only.
  • Added WooCommerce High-Performance order storage feature compatibility.

1.0.8 – Update

  • Update – WordPress 6.2.2 compatibility.
  • Update – WooCommerce 7.8.2 compatibility

1.0.7 – Update

  • Responsive Images – with srcset, sizes.

1.0.6 – Update

  • Add new image size filter.

1.0.5 – Update

  • Update – WordPress 5.8.2 compatibility
  • Update – WooCommerce 6.0.0 compatibility

1.0.4 – Update – WordPress 5.8 compatibility

1.0.3 – Add ALT attribute to Flipper images

  • If image ALT is empty get product title

1.0.2 – Fix RTL sites admin area CSS

1.0.1 – Update demo link

1.0.0 – Released on 30 August 2020

  • Initial release
Back to top