Social Media Buttons in Joomla 2.5Published: Tuesday, 30 April 2013 22:37 Written by Ogri Hits: 31710
Social Media Buttons in Joomla 2.5
Where to embed?
Different types of button bars
Share42 horizontal panel
Share42 floating vertical panel
Selective placement
As I promised in one of articles from series "Migrating from Joomla 1.5 to Joomla 2.5", I will elaborate on integration of social networks share buttons to Joomla 2.5 website.
Social bookmarking plugin I have used in Joomla 1.5 has not been upgraded by its author to 2.5. At that time, existing Joomla extensions had not satisfied as a solution, to the same - where is the guarantee that their authors would promptly update them? So my choice is to work a little by hands to implant buttons into template. There has been found a sufficient number of varieties of social buttons, but they will be described in the next article. Here will be explained, where exactly their scripts are being embedded.
Standard variant is - to insert buttons panel to an article body before or after its content. In the latter case, when using component JComments, you can integrate social buttons into its plugin. Then the buttons will only appear in those articles that have comments turned on. As a separate option would be considered a vertical panel that can be hung anywhere on a web page.
So let's get it clear, in which files and to what places in their code the scripts of buttons panel will be inserted.
1. Into an article body before or after its content.
In general case file components \ com_content \ views \ article \ tmpl \ default.php will be edited. The following code fragment of this file clearly shows, where to insert the button bar:
/* ------------ More code..... ----------- */ <?php if (!empty($this->item->pagination) AND $this->item->pagination AND !$this->item->paginationposition AND !$this->item->paginationrelative): echo $this->item->pagination; endif; ?> /* =====> !!! Before the content - Insert here */ <?php echo $this->item->text; ?> /* ------------ More code..... ----------- */ /* =====> !!! After the content - Insert here */ <?php if (!empty($this->item->pagination) AND $this->item->pagination AND $this->item->paginationposition AND $this->item->paginationrelative): echo $this->item->pagination;?> <?php endif; ?> <?php echo $this->item->event->afterDisplayContent; ?> </div> /* ------------ End of File ----------- */
Method described above works fine in the templates that ship with Joomla by default - Beez2, Beez5, Atomic, as well as in many others. However, there are a variety of templates where their own file default.php overrides the one we discussed earlier. For example, my template, made in Artisteer and being active at the time of this writing. Let's find out, where to implement the code of social media buttons in this case.
We edit the following file: templates \ [my_template] \ html \ com_content \ article \ default.php.
/* ------------ More code..... ----------- */ if (!$article->introVisible) $content .= $article->event('afterDisplayTitle'); $content .= $article->event('beforeDisplayContent'); /* =====> !!! Before the content - Insert here */ if (strlen($article->toc)) $content .= $article->toc($article->toc); /* ------------ More code..... ----------- */ if (strlen($article->readmore)) $content .= $article->readmore($article->readmore, $article->readmoreLink); /* =====> !!! After the content - Insert here */ if ('below full article' === $article->paginationPosition) $content .= $article->pagination(); $content .= $article->event('afterDisplayContent'); $params['content'] = $content; // Render article echo $article->article($params); echo $component->endPageContainer(); /* ------------ End of File ----------- */
Hopefully the concept is clear here as well. The only thing I want to clarify - in this case the entire script of a page is assigned to the variable $content
. Therefore, the panel's code is not inserted as is, but is added to the value of this variable in string representation, ie, framed by single or double quotes:
$content .= 'Code of the buttons panel';
2. Integration into JComments.
The file for customizing is components \ com_jcomments \ tpl \ default \ tpl_index.php. It's simple:
// include JComments JavaScript initialization ?> /* =====> !!! Insert here */ <script type="text/javascript">
Now, after we know, where and in which case we will integrate the scripts of our panels, we turn to the topic of what to embed. Next article will address this issue.
Latest News
-
Tuesday, 21 July 2020 03:18
Joomla 3: Redirect to same page after successful login -
Saturday, 30 December 2017 16:11
Joomla: how to add your own language constants or override existing ones -
Thursday, 30 November 2017 23:27
Joomla: Integrate reCAPTCHA v2 (NO CAPTCHA) into JComments -
Saturday, 25 June 2016 15:33
Unified filtering of mod_jcomments_latest module's output -
Thursday, 17 September 2015 16:23
Post an illustrated Joomla-site article on Facebook using OG-tags
Articles Most Read
-
133539
Migrating from Joomla 1.5 to Joomla 2.5. Part 2-1. Transferring jDownloads and jComments -
65242
Joomla: Integrate reCAPTCHA v2 (NO CAPTCHA) into JComments -
37684
Editing animated GIF-images in Photoshop CS3 -
37038
Migrating from Joomla 1.5 to Joomla 2.5. Part 2-2. Template, editor, and other extensions -
32424
Migrating from Joomla 1.5 to Joomla 2.5. Part 1. Transferring content
Login
Guest Column
Recent comments
-
Custom 404 error page in Joomla 2.5
-
lpay game online 11.08.2022 23:01
-
web site 11.08.2022 21:39
Hello, this weekend is good for me, as this moment i am reading this great informative piece of writing ...
-
homepage 11.08.2022 16:35
It's a pity youu don't have a donate button! I'd definitely donate to this brilliant blog! I suppose ...
-
homepage 11.08.2022 15:16
Hello There. I discovered your blog the usage of msn. That is a really smartly written article. I'll ...
-
-
Joomla: Integrate reCAPTCHA v2 (NO CAPTCHA) into JComments
-
gambling online 10.08.2022 16:31
It's amazing to pay a visit this site and reading the views of all mates concerning this article ...
-
-
Joomla: Merge two sites into one using component J2XML
-
ekonomi son dakika 11.08.2022 18:34
Today, I went to thhe beach with my kids. I found a sea shell and gave it to my 4 year old daughteer ...
-
ege güncel haber 11.08.2022 06:26
Unquestionably believe that which you stated. Your favorite reason seemed to be on the net the easiest ...
-
-
Migrating from Joomla 1.5 to Joomla 2.5. Introduction
-
ceri 138 11.08.2022 09:33
I'm gone to convey my little brother, that he should also pay a visit this website on regular basis to ...
-
-
Migrating from Joomla 1.5 to Joomla 2.5. Part 2-2. Template, editor, and other extensions
-
PG SLOT เว็บตรง 10.08.2022 17:19
pg slot เว็บตรงมาแรงจนฉุดไม่อยู่ เล่นง่าย จ่ายทุกบิล ทำเทิร์นน้อยสำหรับโบนัส แล้วก็ โปรโมชั่นที่ท่านเลือก ...
-
-
Post an illustrated Joomla-site article on Facebook using OG-tags
-
Seo package Prices 11.08.2022 18:28
%% Stop by my blog post: Seo package Prices ...
-
Read more...