Support » Fixing WordPress » Remove Magnifying glass icon on product page wordpress/woocommerce

  • Hello,

    i would like to remove the magnifying glass icon that is displayed on the product page of my website (see link).

    Also i would like to unable the function that the image zooms in when clicked on.

    Hope somebody can help me.

    Im using wordpress/woocommerce and the shopisle theme.


    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Add this to your style.css file:

    .single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    display: none;

    You aleady have image zoom when you click it.

    Thread Starter luctoren123


    Thank you pxforti, it worked out fine!

    Do you also know how i can DISABLE the zoom in function when the product image is clicked?

    Add the following code to your theme’s functions.php file:

    add_filter(‘woocommerce_single_product_image_thumbnail_html’,’wc_remove_link_on_thumbnails’ );

    function wc_remove_link_on_thumbnails( $html ) {
    return strip_tags( $html,'<div>‘ );

    Thread Starter luctoren123


    Thanks again pcforti!



    Thank you, pxforti, it worked perfectly in Divi and I was looking for a CSS solution, not PHP, so that was great!


    Is there a way to replace the standard magnifying glass icon on the top right corner of the main product picture with a custom (.png) one?


Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Remove Magnifying glass icon on product page wordpress/woocommerce’ is closed to new replies.