whatsapp icon

[karanna]

Hello, in woocommerce product pages the whatsapp icon does not appear, allthow is there and is working if you know where it is to press it. It is last icon on the right. See link: https://www.evolutiespirituala.ro/produs/curs-initiere-animale-sacre-totem-animale-de-putere/ I have that problem for all products, not just the one above. :) Thanks Anca

[Veronica]

hi just checked on your site and found that there is no content present there so if you want then we can try to fix it with custom CSS

[karanna]

What do you mean is not content there?? Try hoovering over the place where is the red dot and you'll see there is whattsapp icon but is not visible. Yes, i need css. Link printscreen: https://ibb.co/LQDPh4B Anca Thank you

[Ada]

Hi, For adding whatsapp icon please download any whatsapp png image. add it your media library. Copy the path of the image and paste in the background url in code then add this code in appearance>> customize> custom css

.single-product ul.socialicons li a.whatsapp{
     display:inline-block !important;
   background:url(url of image) no-repeat left !important;
   background-size: 30px 25px !important;
   width:30px;
   height:25px;
}

[karanna]

Yes, but now whatsapp icon looks different then the others. It looks bad. I think i already have the icon there because i can click it . but i need it to be colored.. Prinscreen: https://prnt.sc/yzt4vz I had same problem with whatsapp icon in courses pages and i received this code in a ticket here in forum and i put it in google analitics code in footer menu of the theme: <script> jQuery('document').ready(function($){ $('.single-course ul.socialicons .vicon.vicon-whatsapp').addClass('fa fa-whatsapp').removeClass('vicon vicon-whatsapp'); }); </script> <script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/29f90fe1c2d19a7cfc39020d2/59c4a8ce737d5de91d11e8af1.js");</script> It solved the courses problem but the products still have invisible whatsapp icon problem. Thank you :)

[Ada]

Hi, Ok, Please use this code in foooter>> google analytis code for whatspp icon on product page

<script>
jQuery('document').ready(function($){

$('.single-product ul.socialicons li .vicon.vicon-whatsapp').addClass('fa fa-whatsapp').removeClass('vicon vicon-whatsapp');

});
</script>

[karanna]

iT WORKS, THANK YOU VERY MUCH. :)

[Ada]

okay great, Thank-you for confirming. Closing this ticket.

[Author]

Posts