Replace Zoom Icon

  • Resolved deandid

    (@lcm404)


    4 years, 1 month ago

    I have been searching around but can only find information on diabling the zoom feature all together and not simply replacing the icon.

    I did find this: 

    .woocommerce-product-gallery__trigger img{
    opacity:0
}
.woocommerce-product-gallery__trigger{
    background:url(https://mysite.com/wp-content/uploads/2021/01/zoomicon.png);
    background-size:contain;
  
}
.woocommerce-product-gallery__trigger:before{
 opacity:0;   
}
.woocommerce-product-gallery__trigger:after{
 opacity:0;   
}

    Which works great however I noticed that it is still loading the default icon in the HTML. To add to it its referencing a third party URL for the icon that at times I have seen take over two seconds to load. Some times its fast but others is super slow.

    The URL for the zoon icon:

    https://s.w.org/images/core/emoji/13.0.1/svg/1f50d.svg

    How do I get rid of this? Any ideas here are most appreciated!

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi!

    Thanks for reaching out!

    How that icon is called depends on your theme. We recommend reaching out to your theme developer directly if you want to make modifications to it.

    That “third party url” as you called it is coming directly from the www.remarpro.com repository.

    Could you please provide a link to your site so we can take a closer look?

    Additionally, it’d be a huge help if you could share your current System Status Report. You can get it by navigating to the WooCommerce / Status section of your site. Once there, click on the Get system report button and then copy it by clicking on the Copy for support button. Then paste it here in a comment.

    Hi @lcm404

    We’ve not heard back from you in a while, so I’m marking this thread as resolved. Hopefully, you were able to find a solution to your problem! If you have further questions, please feel free to open a new topic.

    Thread Starter deandid

    (@lcm404)

    This icon I found is actually generated by WooCommerce and not the theme. I was able to find very little information on it but I am guessing its not a problem when I override with custom CSS.

    If anyone can help me understand where this icon is and how to dequeue it that would be great.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Replace Zoom Icon’ is closed to new replies.