SJ Horizontal Accordion Showcase

1 1 1 1 1 Rating 4.63 (8 Votes)     

sj showcase
It is an easy module with few strong options to let you have your own showcase in just a few minutes. Only upload photos in modules/mod_sj_horizontal_accordion_showcase/images. You  have the individual caption settings for every picture. For the reason beeing a showcase we have only added 10 images support, but if you require this can be increased. Hope you enjoy this inovative and new concept to show your pictures. It is an jQuery based horizontal accordion showcase to work on all browsers and smartphones devices. Change the options to suit your needs.



  • This is SJ Horizontal Accordion Showcase, this description window suport HTML tags
  • Theese captions can be placed anywhere on the image...
  • This image open an external link when clicked...
  • The showcase behave beautiful on responsive and adaptive templates...
  • Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  • Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since

Quick install guide

1. Log in to the Joomla administration back-end.

2. Select Extensions --> Install/Uninstall from the top menu.

3. In the panel Upload package file, click Browse and locate the installation package you have downloaded to your local computer.

4. Click the button Upload & Install.

5. Select Extensions --> Module Manager from the top menu and click SJ_Horizontal_Accordion_Showcase in the list.

6. Open the module and follow the setup.



Setup SJ Horizontal Accordion Showcase

I. Upload images

Using your ftp user and password, login on your server and navigate to modules/mod_sj_horizontal_accordion_showcase/images. Upload up to 10 images here.

II. Setup module

In the backend of your joomla website select Extensions --> Module Manager from the top menu and click SJ_Horizontal_Accordion_Showcase in the list. 

1. Setup images and descriptions

Options available here enables you to select the image to be used in the showcase, add a caption to it and position that caption. The "Description" field support html tags to maximise the flexibility of the field.
Captions can be positioned individually for each image after top and left margin. Same for sizes.

setup -images


2. General settings

The general settings allows the user to control the size and position of the showcase, enable/disable autoplay, set the closed panel width, radius for corners and borders.



3. Publish

In the left hand size give your module a Title , select the Position you want to publish check the Status to be Published  and Module Assignement to be On all pages or if you want specific pages select them from the list.

4. Save and exit.




Version history


  • 10 image support
  • individual image width-height
  • width/height caption option
  • position you caption where you want on the page
  • width/heigh for the showcase setup
  • align showcase option
  • autoplay
  • width for the closed images
  • borders option
  • border color
  • border style
  • individual rounded corner for each corner


  • adaptive and responsive behaviour
  • multiple instances
  • links can be added on background images
  • made some changes on the backgrounds behaviour, so if a picture get smaller than the container will stretch to fill the space. And for adaptive templates will scale to show the entire image on various window sizes.



For any problems regarding our products do not hesitate to contact us on our suport emails:  This email address is being protected from spambots. You need JavaScript enabled to view it. This email address is being protected from spambots. You need JavaScript enabled to view it.  or place your questions, comments and critics in the comment form below.


If you have any ideas or questions, please feel free to contact us using our contact data or the form below.

  Please enter the characters displayed in the image into the adjacent input field. If you are not able to read them, click the adjacent button to generate a new image.
  * Mandatory field
Created using the Joomla DFContact component.

GNU General Public License






0 #2 remove google plus 2014-08-21 10:03
Valuable information. Fortunate me I found your website
by chance, and I'm shocked why this twist of fate did
not happened earlier! I bookmarked it.
0 #1 google plus account 2014-08-10 12:59
That is really attention-grabb ing, You are an overly
professional blogger. I've joined your rss feed and sit up for in search of extra of your fantastic post.
Also, I have shared your website in my social networks

Add comment

Security code