Versions 1.0.0-1.7.3
Caution: This is an advanced tutorial and is not supported by Shopify. Knowledge of web design languages such as HTML, CSS, Javascript and Liquid is required. We suggest hiring a Shopify Expert if you are not comfortable proceeding with the following tutorial. If you do proceed, we strongly recommend making a copy of the theme before editing.
By default, all social sharing and liking is handled by the Social Media Theme Setting, but merchants can add the option to use AddThis instead. Addthis offers the same features, but goes a step further by providing analytics of users behaviors and additional tools to attract users.
Recommended reading
To edit theme files:
- From your Shopify admin, go to Online Store > Themes
- Click Actions > Edit code
- Open the Config folder
- Open settings_schema.json
Within the file, code has to be added. PC users open the find feature with 'Ctrl+F' & Mac users use 'Command+F':
Find:
"name": "Social media",
"settings": [
Replace:
"name": "Social media",
"settings": [
{
"type": "header",
"content": "AddThis"
},
{
"type": "text",
"id": "addthis",
"label": "Add AddThis URL",
"info": "Follow [these instructions](https:\/\/redplugdesign.zendesk.com\/hc\/en-us\/articles\/360012059733\/)"
},
Next, visit AddThis and create an account if you do not already have one.
- In the Dashboard, click Tools in the upper left
- Click the blue + ADD NEW TOOL button. Do this for both 'Share Buttons' & 'Follow Buttons'
- Once your Tools have been created, in the upper right, click 'Get The Code'
- Within 'Just Copy ...', you will want to copy the 'pubid' of the the 'src=' URL between the quotation marks, see the underlined text below as an example:
- <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-###"></script>
- Paste this into the new input in the Social Media section of the editor: