Tagged: social share buttons, whatsapp
-
AuthorPosts
-
January 27, 2016 at 3:45 am #572541
Hi,
I’m trying to add a WhatsApp sharing button on the Social Share Buttons available on Enfold as a content element.
I’ve tried following the steps mentioned on
https://kriesi.at/support/topic/add-whatsapp-icon/
https://kriesi.at/support/topic/add-sharing-social-buttons-whatsapp-telegram-and-line/However the WhatsApp Icon is still not available. I’m pretty new to website building and using Enfold. Below are the steps I followed to try and add the button.
1. Created Child Theme
2. Uploaded zip file with WhatsApp Icon Font and installed functionality plugin
3. Added code to bottom of function.php via plugin
4. Added code for icon colour on Edit CSSHowever, WhatsApp is still not available.
Would appreciate your assistance.
Kind Regards,
Muhammad
January 28, 2016 at 9:15 am #573570Hey ambia01!
Thank you for using Enfold.
We modified the code in the functions.php file a bit. Please check it here: http://eventsquared.london/uncategorized/test/
// Register new icon as a theme icon add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); function avia_add_custom_icon($icons) { $icons['whatsapp'] = array( 'font' =>'whatsapp-font-icon', 'icon' => 'ue800'); return $icons; } //Adjust icons add_filter('avia_filter_social_icons', 'avia_filter_social_icons_mod', 10, 1); function avia_filter_social_icons_mod($icons) { $icons['Whatsapp'] = 'whatsapp'; return $icons; } //Add items on the social share section add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1); function avia_add_social_share_link_arguments($args) { $args['whatsapp'] = array("encode"=>true, "encode_urls"=>false, "pattern" => "https://whatsapp.com/share?text=[title]&url=[permalink]", 'label' => __("Share on Whatsapp",'avia_framework')); return $args; }
Cheers!
IsmaelFebruary 10, 2016 at 10:34 pm #581355Hi. It works for me. But it appears the icon of a pencil and not a phone. How to fix it? Thanks
February 12, 2016 at 4:44 am #581991Hi,
Could you provide us with a link to the site in question so that we can take a closer look please?
Thanks,
RikardFebruary 13, 2016 at 12:29 pm #582691See the link. Thanks
February 17, 2016 at 4:02 pm #584794Hey!
add this code to Quick CSS field:
li.av-share-link.av-social-link-whatsapp a:before { content: '\1F4DE'; }
Regards,
AndyFebruary 18, 2016 at 2:10 pm #585400Thank´s
February 18, 2016 at 2:58 pm #585419Hey!
glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.
Best regards,
Andy -
AuthorPosts
- The topic ‘Adding WhatsApp Button on Social Share Buttons’ is closed to new replies.