Joomla Templates Club 406,261 posts

[tomsawya Friend tomsawyaJoin date: December 2012Posts: 2Downloads:0Uploads:0]

#184197

I’d like to set up the social network buttons top right as in the demo for JA Elastica. I set up the search, but I don’t find any settings for the Facebook/Twitter-buttons.

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#480524

Hi Tomsaya,

You can create a new custom html module and add it in social position . Example module content as below:
<ul class=”ja-social”>
<li class=”social-twitter”><a href=”http://twitter.com/joomlart” title=”Twitter”>Twitter</a></li>
<li class=”social-facebook”><a href=”http://www.facebook.com/joomlart” title=”Facebook”>Facebook</a></li>
<li class=”social-gplus”><a href=”https://plus.google.com/u/0/116006606347148002866/posts” title=”Google+”>Google+</a></li>
<li class=”social-rss”><a href=”#” title=”RSS”>RSS</a></li>
</ul>
Hope this helps.

You can always check the module positions by adding ?tp=1 to the template demo link >> http://joomla25-templates.joomlart.com/ja_elastica/?tp=1

and you can check for modules published in those positions to see the custom HTML in use OR specific extension used for that feature. Thats why we recommend using quickstart package for reference.

Regards

[tomsawya Friend tomsawyaJoin date: December 2012Posts: 2Downloads:0Uploads:0]

#482057

Thx for your help, but it didn’t work. it looks like:
– Twitter
– Facebook
– Google
e.t.c.

no icons are shown and its placed under the search box
I just wants the social icons like in the demo 🙂

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#482108

Hi,

I just checked your site and could see you did not add social custom html module to social position yet. Please make sure that you published it and set up editor to allow html tag in content.

Regards

1 user says Thank You to HeR0 for this useful post

1. bnmack

[smoczynski Friend smoczynskiJoin date: August 2012Posts: 1Downloads:0Uploads:0]

#509498

That’s work! Thanks!

But how can I add YouTube icon?

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#509776

<em>@smoczynski 394251 wrote:</em><blockquote>That’s work! Thanks!

But how can I add YouTube icon?</blockquote>
Please try with
<li><a href=”http://www.youtube.com/user/JoomlArt” class=”ja-icon-video”>YouTube</a></li>

[ghassane Friend ghassaneJoin date: May 2006Posts: 5Downloads:2Uploads:0 Thanks: 2]

#519880

Dear all,

I can’t find the Social Position when i created the “Custom Html” module and tried to set a Position for it, i just found “Search”, “Syndicate”, … but no Social Position.
I have the last versions of Joomla 3.2.1 and JA Elsatica.

Thanks.

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#519913

@ Ghassane,

Did you assign that module to “social” position? This position is not added to the xml file, thus it doesn’t appear on the list, but you can still insert in the input box.

1 user says Thank You to HeR0 for this useful post

1. ghassane

[ghassane Friend ghassaneJoin date: May 2006Posts: 5Downloads:2Uploads:0 Thanks: 2]

#520049

<em>@HeR0 407786 wrote:</em><blockquote>@ Ghassane,

Did you assign that module to “social” position? This position is not added to the xml file, thus it doesn’t appear on the list, but you can still insert in the input box.</blockquote>

Thank you a lot. I’ve never thought i can add a custom position :).
One last question, i tried to use LinkedIn icon instead of RSS but it doesn’t seem to work.
I tried “class=social-linkedin” and “class=ja-linkedin” but the icon remains the same RSS icon. Any suggestion, please.

Thanks again for your great support.

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#520304

This template does not support linkedin icon, thus you need to add new css rule for this social type or use class ‘social-rss’.

[ghassane Friend ghassaneJoin date: May 2006Posts: 5Downloads:2Uploads:0 Thanks: 2]

#520386

<em>@HeR0 408277 wrote:</em><blockquote>This template does not support linkedin icon, thus you need to add new css rule for this social type or use class ‘social-rss’.</blockquote>

Thank you very much.

[vaycross Friend vaycrossJoin date: November 2014Posts: 1Downloads:0Uploads:0]

#554898

i have the same problem, but id o not understand your post…. :/

what do you mean with “did not add social custom html module to social position”?

The Custom HTML Module is in social position but it still just shows the List instead of the images…

Pls help fast !!

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#554963

<blockquote>
what do you mean with “did not add social custom html module to social position”?
</blockquote>

Some HTML tags in content output of custom HTML module will be dropped by default editor of Joomla. You need to go to Global Configuration in admin area and set Default Editor: to Editor – None

Go back to custom html module and add code below


<ul class="ja-social">
<li class="social-twitter"><a href="http://twitter.com/joomlart" title="Twitter">Twitter</a></li>
<li class="social-facebook"><a href="http://www.facebook.com/joomlart" title="Facebook">Facebook</a></li>
<li class="social-gplus"><a href="https://plus.google.com/u/0/116006606347148002866/posts" title="Google+">Google+</a></li>
<li class="social-rss"><a href="#" title="RSS">RSS</a></li>
</ul>


[trombonegirl Friend trombonegirlJoin date: February 2011Posts: 19Downloads:1Uploads:7 Thanks: 6 Thanked: 1 times in 1 posts]

#556572

I am having the same issue with my site (http://karincarlson.net/musicprosmanitoba/). I added a custom HTML module to the social position and used the code and all the settings exactly like the “sandbox” site you set up for me, and I don’t see the icons. ?? I also disabled the default editor (set to “none”) and pasted the code you listed in the above post, still, no icons. Could they be missing?

<ul class=”ja-social”>
<li class=”social-twitter”><a href=”http://twitter.com/joomlart” title=”Twitter”>Twitter</a></li>
<li class=”social-facebook”><a href=”http://www.facebook.com/joomlart” title=”Facebook”>Facebook</a></li>
<li class=”social-gplus”><a href=”https://plus.google.com/u/0/116006606347148002866/posts” title=”Google+”>Google+</a></li>
<li class=”social-rss”><a href=”#” title=”RSS”>RSS</a></li>
</ul>

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#556761

@trombonegirl: Your site is working with JA Mitius template and you need to change something


<ul class="social-list">
<li class="facebook first"><a href="#" title="Facebook">Facebook</a></li>
<li class="twitter"><a href="#" title="Twitter">Twitter</a></li>
<li class="feed "><a href="#" title="Feed">Feed</a></li>
</ul>


and Module Class Suffix: social (with a space before social word)

---

Attachments:

1. 

1 user says Thank You to Ninja Lead for this useful post

1. trombonegirl

[Author]

Posts