Joomla Templates Club 406,261 posts

[moyousuf Friend moyousufJoin date: December 2011Posts: 83Downloads:0Uploads:11 Thanks: 18 Thanked: 3 times in 1 posts]

#174750

Hi,
How can we modify social share buttons as in the picture attached? which module or plugin is this please?

Thanks

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#442629

<em>@moyousuf 306022 wrote:</em><blockquote>Hi,
How can we modify social share buttons as in the picture attached? which module or plugin is this please?

Thanks</blockquote>
So that I can try to best assist you, please provide the url of the site you’re working on,
as well as set “Optimize CSS” to “No” within your Template Manager–General Settings

[moyousuf Friend moyousufJoin date: December 2011Posts: 83Downloads:0Uploads:11 Thanks: 18 Thanked: 3 times in 1 posts]

#442765

Thank you very much Tom,

The site is still on local server. However I have uploaded part of testing on url as below:

http://foundation.inewconcept.com/foundation/

Please let me know how can I modify settings of social sharing plugins.

Thanks

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#442962

<em>@moyousuf 306022 wrote:</em><blockquote>Hi,
How can we modify social share buttons as in the picture attached? which module or plugin is this please?

Thanks</blockquote>
Where is that area/section within your template? … I cannot find it

[moyousuf Friend moyousufJoin date: December 2011Posts: 83Downloads:0Uploads:11 Thanks: 18 Thanked: 3 times in 1 posts]

#442971

Thanks Tom,
its titled as Pretium Vivamus ligula ligula…

pls see this link…

Thank you

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#442973

<em>@moyousuf 306619 wrote:</em><blockquote>Thanks Tom,
its titled as Pretium Vivamus ligula ligula…

pls see this link…

Thank you</blockquote>
I’m actually going to need to take a look into your site administration. Can you provide me with temporary access?
(you can send me the info via private message)

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#443337

Okay . . . so for that item you linked for me . . . it is actually a K2 content item, and the social share icon strip you see are activated within the “item view options” parameters.

Here is the link to that particular K2 item editor –>
http://foundation.inewconcept.com/foundation/administrator/index.php?option=com_k2&view=item&cid=39

(don’t worry … without your login info, no one can access it) 😎

Now, if you’re wanting to know the CSS that calls out the icons, it can be found within the following file path . . .

/templates/ja_community_plus/css/k2.css . . . at line 12

<blockquote>div.itemSocialLinksBlock ul.itemSocialLinks li {
background: none;
float: left;
list-style: none;
padding: 0 4px;
margin: 0;
}
</blockquote>

The images themselves can be found within the following file path –> /templates/ja_community_plus/images/social

Hope That Helps

1 user says Thank You to TomC for this useful post

1. moyousuf

[moyousuf Friend moyousufJoin date: December 2011Posts: 83Downloads:0Uploads:11 Thanks: 18 Thanked: 3 times in 1 posts]

#443341

Thank you very much Tom for your detailed reply. you are 😎

However if you dont bother please I want to know how can I configure each button? i meant when I click on google buzz it says not found on this server(is there any settings i should put here?)

Second, How can I modify Title of these buttons (Social sharing)

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#443345

<em>@moyousuf 307085 wrote:</em><blockquote>Thank you very much Tom for your detailed reply. you are 😎

However if you dont bother please I want to know how can I configure each button? i meant when I click on google buzz it says not found on this server(is there any settings i should put here?)</blockquote>
I’m wondering if some of the content won’t work because it is “dummy” content. Perhaps try it with an actual content item you create – see if it works better. If not, we can look into this further.

However, if you want to dig deeper into the code, you would look within the following path –>
componentscom_k2templatesdefaultitem.php

starting at line 346 . . .

<!-- Item social links -->
<div class="itemSocialLinksBlock">
<span><?php echo JText::_("Social sharing"); ?></span>
<ul class="itemSocialLinks">
<li><a class="googlebuzz" title="<?php echo JText::_("Add to Google Buzz"); ?>" href="http://www.google.com/buzz/post?url=<?php echo $this->item->socialLink; ?>&message=<?php echo urlencode($this->item->title); ?>" target="_blank"><span><?php echo JText::_("Add to Google Buzz"); ?></span></a></li>
<li><a class="facebook" title="<?php echo JText::_("Add to Facebook"); ?>" href="http://www.facebook.com/sharer.php?u=<?php echo $this->item->socialLink; ?>&t=<?php echo urlencode($this->item->title); ?>" target="_blank"><span><?php echo JText::_("Add to Facebook"); ?></span></a></li>
<li><a class="delicious" title="<?php echo JText::_("Add to Delicious"); ?>" href="http://del.icio.us/post?url=<?php echo $this->item->socialLink; ?>&title=<?php echo urlencode($this->item->title); ?>" target="_blank"><span><?php echo JText::_("Add to Delicious"); ?></span></a></li>
<li><a class="digg" title="<?php echo JText::_("Digg this"); ?>" href="http://digg.com/submit?url=<?php echo $this->item->socialLink; ?>&title=<?php echo urlencode($this->item->title); ?>" target="_blank"><span><?php echo JText::_("Digg this"); ?></span></a></li>
<li><a class="reddit" title="<?php echo JText::_("Add to Reddit"); ?>" href="http://reddit.com/submit?url=<?php echo $this->item->socialLink; ?>&title=<?php echo urlencode($this->item->title); ?>" target="_blank"><span><?php echo JText::_("Add to Reddit"); ?></span></a></li>
<li><a class="stumble" title="<?php echo JText::_("Add to StumbleUpon"); ?>" href="http://www.stumbleupon.com/submit?url=<?php echo $this->item->socialLink; ?>&title=<?php echo urlencode($this->item->title); ?>" target="_blank"><span><?php echo JText::_("Add to StumbleUpon"); ?></span></a></li>
<li><a class="myspace" title="<?php echo JText::_("Add to MySpace"); ?>" href="http://www.myspace.com/Modules/PostTo/Pages/?l=3&u=<?php echo $this->item->socialLink; ?>&t=<?php echo urlencode($this->item->title); ?>" target="_blank"><span><?php echo JText::_("Add to MySpace"); ?></span></a></li>
<li><a class="technorati" title="<?php echo JText::_("Add to Technorati"); ?>" href="http://www.technorati.com/faves?add=<?php echo $this->item->socialLink; ?>" target="_blank"><span><?php echo JText::_("Add to Technorati"); ?></span></a></li>

<em>@moyousuf 307085 wrote:</em><blockquote>Second, How can I modify Title of these buttons (Social sharing)</blockquote>

Within the same file path indicated above –> componentscom_k2templatesdefaultitem.php

at line 348

<span><?php echo JText::_("Social sharing"); ?></span>

Modify the words “Social sharing” to whatever you want

[moyousuf Friend moyousufJoin date: December 2011Posts: 83Downloads:0Uploads:11 Thanks: 18 Thanked: 3 times in 1 posts]

#443348

thank you very much for your instant Reply.

Finally (hmm about this subject) if i wanted to remove unwanted buttons from social sharing? shall i have to remove images of the buttons? can I know the path please?

Sorry….:laugh:

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#443350

<em>@moyousuf 307092 wrote:</em><blockquote>thank you very much for your instant Reply.

Finally (hmm about this subject) if i wanted to remove unwanted buttons from social sharing? shall i have to remove images of the buttons? can I know the path please?

Sorry….:laugh:</blockquote>

The images themselves can be found within the following file path –> /templates/ja_community_plus/images/social

1 user says Thank You to TomC for this useful post

1. moyousuf

[moyousuf Friend moyousufJoin date: December 2011Posts: 83Downloads:0Uploads:11 Thanks: 18 Thanked: 3 times in 1 posts]

#443366

Wish Tom always online to help people like me:)

So deleting image will not cause any trouble(missing image error msg) or i have to remove any code in order to remove buttons?

Thanks a lot

1 user says Thank You to moyousuf for this useful post

1. TomC

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#443372

<em>@moyousuf 307112 wrote:</em><blockquote>Wish Tom always online to help people like me:)</blockquote>
Appreciate the positive feedback, my friend . . . THANK YOU !!!

I try to be available as often as possible . . . though I do need to sleep sooner or later . . .
and maybe an occasional weekend off. 😉

<em>@moyousuf 307112 wrote:</em><blockquote>So deleting image will not cause any trouble(missing image error msg) or i have to remove any code in order to remove buttons?

Thanks a lot</blockquote>
You know, it really is an effort in trial-and-error . . . just ALWAYS make sure you are able to revert back to your original settings and such, just in case – be it a complete back-up or a side folder on your desktop where you can temporarily copy and paste the original folders/files.

So, make sure you have a back up of the file you are going to be experimenting with – and then experiment away.

Some of the best results and “discoveries” have been the result of experimenting with images, css, php code, etc.

1 user says Thank You to TomC for this useful post

1. moyousuf

[moyousuf Friend moyousufJoin date: December 2011Posts: 83Downloads:0Uploads:11 Thanks: 18 Thanked: 3 times in 1 posts]

#443373

Ok, I will try, if there is any problem i will return back to you…

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#443376

<em>@moyousuf 307120 wrote:</em><blockquote>Ok, I will try, if there is any problem i will return back to you…</blockquote>
Excellent . . . . Hope the guidelines I was able to help you with are … well … helpful.

Like I mentioned, a little trial-and-error/experimentation can go a long way. Don’t be afraid to experiment – just always remembering how to get back to where you were – if need be. (I’ve learned that lesson the hard way on several occasions)

[Author]

Posts