Friday, December 20, 2013

How to manage addthis social share icons in VirtueMart

This tutorial shows how to manage addthis social share icons.


1. In order to modify addthis social share icons you should open templates\themeXXX\html\com_virtuemart\productdetails\default.php file (XXX are actual theme numbers). There you should locate code like you can see on the screenshot below.


How_to_manage_addthis_social_share_icons-VirtueMart-1


2. In order to generate new layout add/remove buttons you should go to https://www.addthis.com/get/sharing site. There you can select the style of icons.


How_to_manage_addthis_social_share_icons-VirtueMart-2


3. Copy generated code.


How_to_manage_addthis_social_share_icons-VirtueMart-3


4. Replace original code in default.php file with the one you have copied.


5. In order to remove particular buttons you should remove code like: <a></a>


In this case first button will be removed.


6. In case you need to add additional social icons you should go to http://support.addthis.com/customer/portal/articles/381237-third-party-buttons#.UKaPPWflZms site.There you should copy code for appropriate button. For example you shoud copy this code



<a class="addthis_button_linkedin_counter"></a>

 



for LinkedIn Button. Modified code you can check on the screenshot below.


How_to_manage_addthis_social_share_icons-VirtueMart-4


7. Save changes to modified file and refresh your site.


How_to_manage_addthis_social_share_icons-VirtueMart-5



How to manage addthis social share icons in VirtueMart

No comments:

Post a Comment