Easy way to add social follow icons to Cs-cart

I am going to show you a simple way to add social follow icons to Cs-cart storefront.  This is a simple thing but for beginners it might be helpful.  At the end of this article you will get a homepage like this :
Social buttons on Cs-cart

  1. Get an account at addthis.com
  2. Go to Get the code -> Follow buttons
    Get Follow Tools   AddThis
  3. Now create the code for icons, I have choosen facebook, twitter and instagram
    Get Follow Tools   AddThis
  4. Now copy the code and create a static template with it in my_changes addon
    I have removed Follow us text as I don’t like it.
    skins\basic\customer\addons\my_changes\blocks\static_templates\social.tpl

    <!-- AddThis Follow BEGIN -->
    <p></p>
    <div class="addthis_toolbox addthis_default_style">
    <a class="addthis_button_facebook_follow" addthis:userid="mrbabuonline"></a>
    <a class="addthis_button_twitter_follow" addthis:userid="mrbabuonline"></a>
    <a class="addthis_button_instagram_follow" addthis:userid="mrbabuonline"></a>
    </div>
    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50b767586171191f"></script>
    <!-- AddThis Follow END -->
    <span style="line-height: 1.714285714; font-size: 1rem;">
  5. Make sure my_changes addon is enabled.
    my_changes_installed
  6. Go to admin backend -> design -> blocks, create a block on top right with this template as shown in the screenshots below.
    step1 step2 step3 step4
  7. Clear cache.
  8. Check your storefront, you should see the buttons.
Posted in CS-Cart, CS-Cart Addons Tagged with: , ,
3 comments on “Easy way to add social follow icons to Cs-cart
  1. Harry says:

    Hi
    I tried to add the follow buttons but I do not have the directory with the \blocks\static_templates\ do I add this? or am I looking at the wrong directory?

Leave a Reply

Your email address will not be published. Required fields are marked *

*