JJ Social Slider

Rate this item
(114 votes)

Social Slider LogoSocial Slider is a simple module that appears in a fixed position, either on the left or right hand side of your page. Upon hovering over an icon, the bar slides out using jQuery or CSS3 animations, providing a small caption which you can link to a social network page.

Joomla 2.5 Icon Joomla 3.0 Icon Joomla 3.1 Icon Joomla 3.2 Icon



Social Slider is a simple module that appears in a fixed position, either on the left or right hand side of your page. Upon hovering over an icon, the bar slides out using jQuery or CSS3 animations, providing a small caption which you can link to a social network page.




* -> Security Fix
# -> Bug Fix
+ -> Addition
^ -> Change
- -> Removed
! -> Note


Version 1.5.4
^ Used more unique naming convertions to prevent overrides
- Removed unnecessary jQuery file for (Joomla 3.2)
^ Updated jQuery to 1.11.1 (Joomla 2.5/3.1)
Version 1.5.3
+ Custom Slide text now translatable
Version 1.5.2
# Added missing span to prevent text overlapping
# Added missing language string for parameter description
^ Increased span width by 5px
+ Added background colour transition
# Fixed Joomla 3.1 module parameters page breaking
Version 1.5.0
+ Allow template overriding of CSS file
^ Allow specification of the module from the bottom or the top of the page
^ Script updates
+ Add text colour parameter
# Fix bug in the sorting form field in J3.2
Version 1.4.4 (IMPORTANT)
# Fixed missing closing bracket, breaking the site
Version 1.4.3
# Fixed overlapping text for long translated strings
^ Major code optimization

Version 1.4.2
# Fix for minor HTML markup validation error
Version 1.4.1 (Joomla 3.2)
+ Replica of the current Social Slider but specially made for Joomla 3.2
Version 1.4.1
^ Code optimization of jQuery form field in Joomla 2.5 and lower
# jQuery form field displayed badly in Hathor
Version 1.4.0
+ Ability to order the position of the slides
^ Improved code optimization of default.php file
^ Moved assets folder into media folder
Version 1.3.3
^ Slide colour now a colour form field
# Undefined variable when module on right hand side of screen and jQuery enabled
$ Language string changes RTL settings
^ Google jQuery version updated to 1.10.2
Version 1.3.2

+ Ability to support RTL templates improved with dedicated option

Version 1.3.1
# Bug fix for some users unable to open LastFM and Google+ tabs
^ PHPCS fixes to Joomla Standards
+ Max-width parameters added
+ Add parameter for new tab or same page
Version 1.3.0

+ Added ability to use jQuery instead of CSS3 animations

Version 1.2.3

+ Added 5 custom slider tabs
^ Removed unnecessary PHP tags 

Version 1.2.2

+ Added Vimeo icon

Version 1.2.1

+ Added additional black icons and ability to select which colour icons you want to display

Version 1.2.0

+ Added Github, Flickr and RSS icons
+ Ability to disable module for mobile and tablet devices
- Removed Joomla 1.5 support

Version 1.1.1

# Fixed issue with Last.fm always showing, even with parameter turned off

Version 1.1.0

+ Added in support for Steam, Last FM, Pinterest, SoundCloud and Tumbler



Should you require any support with this extensions, don't hesitate to post a comment in the forum or e-mail us at admin@joomjunk.co.uk and we will get back to you as soon as possible.


Which position do I assign the module to?

We recommend to set it to the "debug" (or similar) position.

How do I add a custom slider?

Simple. We have added 5 custom slots via the backend for you to do this. All you need to do is upload the icon you want to use to the same directory as all the other icons:


Then when entering the icon name in the parameter field, type in the name of the image + the format, for example:


How do I translate the text on the custom slides

This feature is new to version 1.5.3 of the Social Slider, so be sure you have this version first.

Firstly, open the Social Slider in the Module Manager and you will see a parameter called "Text" for each custom slider. In here, input the following:


Once done, save you changes, then on the top menu, go to Extensions >> Language Manager >> Overrides. In here go to add a new override and in the first input field that says Language Constant, add the string we created before >> JJSOCIALSLIDER_CUSTOM_TEXT_1. In the second input field called Text, add in the text you want to be displayed on the site.

For each language, create a new override and make sure the Language Constant is always the same.



To download the module please click on the download button below. The module is compatible with all version's of Joomla!

Please register to download this module

There have been 19801 downloads


A demo of the Social Slider can be seen on the far left hand side of the page


Anything donated to help us maintain the website and carry on developing extensions is highly appreciated.


Read 124710 times

We use cookies to improve our website and your experience when using it. Cookies used for the essential operation of the site have already been set. To find out more about the cookies we use and how to delete them, see our Privacy Policy.

I accept cookies from this site