TP Product Image Flipper for Woocommerce

Hello,

Please open the plugin settings page and find ‘Hooks’ option. Set a new hook for ‘On image’ location. Choose one of the hooks from the list. If one doesn’t work – please try to select another hook instead.

Regards

No other hooks works. The label does not show up on the products

• This reply was modified 2 years, 9 months ago by SLV.

Some help please?

I checked the Image Flipper plugin with some WordPress themes and for me all seems to work fine.

Please tell me what wp theme you are currently using? Also – do you use any page builder plugins?

Regards

Hello,
I use this theme: https://preview.themeforest.net/item/electro-electronics-store-woocommerce-theme/full_screen_preview/15720624?ref=madrasthemes
And I use Elementor for only the home page. Not the products themselfs

I now see double products: https://ibb.co/bHSVLhQ
Above the products with the flipper plugin and no labels.
Below the default theme products with labels.

So I tested the TP Product Image Flipper plugin with Electro theme and noticed the following: I see the same double images even if Advanced Woo Labels plugin is disabled. Can you please confirm that you see the same ( temporarily disable AWL plugin and check the images ).

If you see the same issue – then it is a compatibility issue between Electro theme and Image Flipper plugin.

Regards

Hello,

Yes i see them double also.
You have to hide the default images from the theme so you only have the images of the flipper. Flipper has a code for that.
But your labels do not show up on the flipper images. And that is the problem.

• This reply was modified 2 years, 8 months ago by SLV.
• This reply was modified 2 years, 8 months ago by SLV.

Can you provide this code for me?

Yes:
https://www.ads-software.com/support/topic/2-main-product-images/

So this link that you provided describes the issue with other them, but looks like I still found the solution.

Please use following code snippet:

add_filter( 'awl_labels_hooks', 'my_awl_labels_hooks' );
function my_awl_labels_hooks( $hooks ) {
    $hooks['on_image']['archive'] = array( 'woocommerce_before_shop_loop_item_title' => array( 'priority' => 11, 'js' => array( '.tp-image-wrapper img', 'before' ) ) );
    return $hooks;
}

add_action( 'wp_head', 'my_wp_head' );
function my_wp_head() {
    echo '
    <style>
    .product-loop-header .product-item__thumbnail {
    display: none;
    }
    </style>
    ';
}

You need to add it somewhere outside the plugins folder. For example, inside functions.php file of your theme or use some plugin for adding code snippets.

Regards

Yes! Your code works!
But….
When you hover with your mouse over a product image on the catalog page, that image changes into another image, that is great, but normally if you click the product image you go to that product image page. This clicking does not work….

I think this is a plugin thing and had nothing to do with your code.

Thanks!

• This reply was modified 2 years, 8 months ago by SLV.

You can temporarily disable the labels and check this click behavior one more time. If the issue is still there – it is the flipper plugin issue.

Regards