TP Product Image Flipper for Woocommerce

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

• ?? TP Advanced Search for WooCommerce PRO

• ? TP Woocommerce Product Gallery

• ? TP Restore Categories And Taxonomies

• ? TP Price Drop Notifier for WooCommerce

• ? TP Product Quick View for Woocommerce

• ? TP Product Tooltip for WooCommerce

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';
       }
?>

Screenshots

Installation

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.

FAQ

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’;
}

Reviews

Great!

talerez1985 September 19, 2024

Great plugin , Works great on my site. Very simple and no settings are needed.

thanks

bgbala October 17, 2023

obrigado, exatamente o que procurava

Amazing!!!

sumpffee August 7, 2023

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

Perfect

squaladesign 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

yvankarman2 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

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

Contributors & Developers

Changelog

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