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.

    Thanks!

    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

    (@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

    (@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!

    ediloso

    (@ediloso)

    Hello,

    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?

    Thanks!

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.