3.50 (4 votes)

Today I would like to demonstrate how to add share buttons in Joomla articles.
As an example I will use the template JM-Doctor and AddThis social bookmarking service, but basically you can use also other code as you like.

 

There are 3 different ways to display share buttons: Module, Content Plugin or Custom code.

Module

I think this is the easiest and the most configurable option. You can assign module to menu items as you like and select module position from all available positions in the template.

Step 1: Get the module

You can simply download Addthis Joomla module from Addthis page.

Step 2: Install module

Next, you need to install module in Backend -> Extensions -> Extensions Manager.
That is really easy :)

 

addthis-module-install

Step 3: Publish the module

Finally you need to publish the module in Extensions -> Module Manager. Remember to select module position and menu assignment.

 

add this publish module

 

The last thing you should do is to adjust the module settings.

 

addthis module settings

You can change buttons style, language and also add custom buttons and services.
Amazing, isn't it? :)

As a result you will get social buttons under the article.
In this example I used position content-bottom, and hidden the title Show Title -> Hide.

social icons in the article

Plugin

Step 1: Get the plugin

Just as a module, you should download the plugin from Addthis page.

Step 2: Install the plugin

The installtion process look the same as the module installtion.

Step 3: Enable the plugin

Next, go to Extensions -> Plugins and enable plugin AddThis - Bookmark and Sharing Tool.
You can also adjust settings in configuration. There are several similar settings, as in Addthis module.

Worth mention:

To remove buttons from an article, add a custom tag {addthis off} in the article content.

 

Custom Code

Really heavy way :)
Social buttons also will be visible in all Joomla articles.

Step 1: Get the code

You need to get Addthis code. To achieve this, register on the Addthis page. Registering gives you the wide range of other sharing and following tolls to use as well as absulutely fantastic gadgets like Recommended content or Conversion Tools that may improve your site apperance.

After logging in, go to the Dashboard and select Tool Gallery navigation button.

top gallery addthis

Choose the option you want to display on your site  and adjust the code as you like.

 

sharing buttons

 

Next, copy both codes (for example to Notepad) and click Activate.

 

addthis code

 

Step 2: Find the right place

Now, when you have the code, you need to prepare place where you like to display share buttons.
In this example I will put buttons after article content. This is menu type Single Article.
So first we need to find template view of this menu type.

Use your favourite Code Editor and go to components/com_content/views/article/tmpl/default.php

At the bottom of the file you will see:

 

single-art-addthis

 

This is the place where I would like to display share buttons, but earlier I need to copy this view to the template to avoid missing it after Joomla Update.

Using FTP File Manager (like for example: FileZilla) :

Create directories:

1. /joomla/template-name/html/com_content/
2. /joomla/template-name/html/com_content/article/

Copy components/com_content/views/article/tmpl/default.php
to /joomla/template-name/html/com_content/article/

template-name in my example it will be - jm-doctor.

More details about layout view overrides you will find in documentation:
TIP: How to override the output from the Joomla! core

Step 3: Add the code!

Finaly add the code from step 1 in default.php file.

 

put addthis code

 

Now, social icons should appear under each single article on your site.
The end :)

Users' reviews

Total rating: 3.50 (4 votes) Log-in to add review

Video Tutorials

EF4 Framework for Joomla! 3 - introduction

Joomla! 3 Quickstart Installation Guide

Speed up your website! Must watch video!

How to create Joomla article?

Joomla ReCaptcha - how to set up?

How to use Joomla editors?

How to display a module in Joomla article?

How to configure Joomla contact form?

How to check Joomla module positions names?

How to configure your language for Joomla 3?

How to create Joomla custom HTML module?

How to create Joomla menu?

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2019 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.