[Resolved] How to remove WooCommerce single product image click

[jdaco]

Hello, I want to remove the clickable function on the WooCommerce single product image, including the magnifying glass icon at the image´s top right corner, any tips?

Thank you!

Jorge

GeneratePress 1.3.48

GP Premium 1.3.1

[Tom]

Hi there,

Try adding this function:

add_action( 'wp', 'tu_disable_wc_zoom', 50 );
function tu_disable_wc_zoom() {
    remove_theme_support( 'wc-product-gallery-lightbox' );
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[jdaco]

Hello Tom, thanks, that did remove the Zoom icon, but there remains a link on the single product image (featured image) that opens the picture file and that I wish to remove.

[Tom]

You could try this:

function tu_single_product_image_html( $html, $post_id ) {
    return get_the_post_thumbnail( $post_id, apply_filters( 'single_product_large_thumbnail_size', 'shop_single' ) );
}
add_filter('woocommerce_single_product_image_html', 'tu_single_product_image_html', 10, 2);

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[jdaco]

Hi Tom, I tried your function but it didn´t work. Finaly I came across with this solution:

add_filter('woocommerce_single_product_image_thumbnail_html','wc_remove_link_on_thumbnails' );
function wc_remove_link_on_thumbnails( $html ) {
     return strip_tags( $html,'<img />' );
} 

Thanks for your support!

[Tom]

Awesome! Thanks for sharing the code 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[feda]

Crazy, but didn’t work for me. Added this snippet and that did the magic. Just in case someone is as desperate as I was 😀

add_filter('woocommerce_single_product_image_thumbnail_html','wc_remove_link_on_thumbnails' );
 
function wc_remove_link_on_thumbnails( $html ) {
     return strip_tags( $html,'<img>' );
}

[Leo]

Thanks for sharing!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts