Categories

Featured templates

OpenCart 1.5.x/OpenCart 2.x. How to manage AddThis social sharing buttons

Charlotte Bennett April 8, 2015
Rating: 5.0/5. From 1 vote.
Please wait...

In this tutorial we will show you how to manage the social sharing buttons in OpenCart.

OpenCart 1.5.x/OpenCart 2.x. How to manage AddThis social sharing buttons

Usually OpenCart templates include a list of social sharing buttons which appear on the product page under the Add to Cart button or “Write a Review” section. The icons are added with the help of the world’s largest sharing platform AddThis Toolbox:

opencart_How_to_manage_AddThis_social_sharing_buttons_1

Follow these steps:

  1. Go to your hosting server and access the File manager using your cpanel or FTP connection.

  2. Find the product.tpl file located in the “catalog/view/theme/themeXXX/template/product/” directory.

  3. Open the file with any code editor. You can use the default code editor on the cpanel:

    opencart_How_to_manage_AddThis_social_sharing_buttons_2

  4. Scroll down to the lines 308-315 where the sharing buttons code is located:

    opencart_How_to_manage_AddThis_social_sharing_buttons_3

    Note: remember that the lines, as well as the code, may slightly differ in different templates.

  5. Here you can change the order of separate items or delete some of them.

  6. In case you want to delete all the buttons from product page, just remove the code form the product.tpl file.

  7. Save the changes in the file and refresh the front page to view them.

To customize your social sharing buttons, follow the steps below:

  1. Go to the official AddThis site and create a new account .

  2. In your Dashboard go to the Tools section and scroll down to Share Tools.

  3. Here you can get the code of some free or not free sets of sharing buttons with different design.

  4. These instructions will help you to create your own AddThis menu.

  5. You can track your visitors on their site with the help of inserting your profile ID to the code.

  6. Replace the old code of the AddThis social sharing buttons with the one you got from the official site, save the changes and check your update on the site front-end.

  7. Check the following link for more details on customizing AddThis buttons.

We hope the tutorial was useful for you. Feel free to check the detailed video tutorial below:

OpenCart 1.5.x/OpenCart 2.x. How to manage AddThis social sharing buttons

Best OpenCart Templates
This entry was posted in OpenCart Tutorials and tagged addthis, icon, opencart, social. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket