SJ Horizontal Accordion Showcase is a light module with an easy set-up that allows you to have an image slider done in no time.
Individual caption settings for every image from the showcase makes this small module an easy and powerfull image slider.
The captions support html code, allowing text customization, color styles, links, custom positioning inside the slide and more. Any defined styling for the caption area does not prevent the general customization for the entire module.
SJ Horizontal Accordion Showcase supports 10 images, but if more is required ,this number can be easily increased.
Because of it's HTML based item description field, you can place images and videos (from websites that have a player, eg. Youtube) inside each image's caption!
This slick image slider has an adaptive behaviour and will run nicely on any mobile device and any browser. The image slidesow is tested on ipad, iphone and android devices.
Features
SJ Horizontal Accordion Showcase Features:
- Slideshow Autoplay
- Multiple instances
- 10 images support
- Mobile friendly
- Fully customizable sizes, colors, images and text
- Html based captions for extra design
- You can place images and videos inside captions
- Custom caption positioning
- Adaptive and responsive behaviour
- Individual image width-height
- Super-easy setup
How to use SJ Horizontal Accordion Showcase
1. Installing SJ Horizontal Accordion Showcase
After you downloaded your Joomla extension, just go to Extensions -> Extension Manager -> select the Upload Package File from the top tabs -> click on the Choose File button and select the Spot Featured Articles zip file -> click on the Upload & Install blue button.
Your module will now appear in the Module Manager section.
2. Basic settings for your extension
In the Extensions -> Module Manager section, find your Spot Featured Article module and click on it to acess the module's setup section.
You can find all the module's options right in the first window that opens.
First, from the right side of the page change the Status of the module into Published, put it into the desired Position and, if you want your module to be displayed with a title, select from the right Show at the Show Title section. Last, give your module the title that you want it to be displayed with.
Also, don't forget to set the display for your module on the pages you want it to be shown: Module Assignment section.
3. Setting up your Showcase
3.1. Image settings
In this section, you will set up your images.
Prerequisites: Before setting up the module, only for the local items and not for the Youtube videos for example, login to your FTP, go to your website folder, navigate to images folder, create here a folder for your images and upload the jpg/png files into this folder.
First, select from the Image folder tab your previously created folder with the images you want to use.
The next step is to fill al the necessary informations in each item's section as below:
Tips!
If you like to add a image inside the caption, you can use the below code:
<div><img style="padding: 10px;left:0;" src="/http://yourwebsitename/images/yourimagefoldername/yourimagename.jpg" alt="yourimagename" width="value(without px)" height="value(without px)"></div>
For further customization, you can add to this div a style... this will look like this:
<div style="place your css here">.... and the rest of the sentence
If you want to customize just the image, use the style an used above: <img style="your css goes here".... and the rest of the sentence.
If you like to add a Youtube video, let's say, the one from the demo, you will have the following sentence:
<div><iframe width="300" src="/https://www.youtube.com/embed/IpT-FW_G8-A" frameborder="0" allowfullscreen></iframe></div>
Once again, the div is just for customization here.
To get the embed Youtube code, please follow these steps:
- Go to your Youtube video
- Click on the Share you find under the video
- Right under, select Embed
- Copy the highlighted code and paste it in the item description from SJ Horizontal Showcase from your website.
3.2. Showcase settings
3.2.1. General settings
Inside this section, you will find some general settings for your showcase, like the width and height, the alignment of the module towards the webpage, autoplay (yes/no) and the width for the closed pannels. (the ones from the right side)
3.2.2. Panel settings
You will find here the panel and border options (thickness, color, radius).
Support
Product support
When buying this extension, you will also receive 6 months of free support for any functionallity issues regarding your product.
The support provided does not include any module customization or setup, additional options or features.
If you encounter any functionallity issue regarding your recently bought extension, please send us a message using the contact form from the right section of this page and we will be happy to help you.
Extra services
We are a bunch of developers and web designers that are providing professional website solutions, both coding and graphics.
Our services include:
- Website developement: design from scratch, content management system, structure and content
- Joomla extensions
- Graphic design for both web and print: logo, stationery, illustrations
Order our services
If you need any of our extra services, do not hesitate to get in contact with us. The prices will be discussed depending on your requirements.
Comments
Thank you very much !
Peggy, the blonde little french
RSS feed for comments to this post