complete pack
English Chinese (Simplified) Czech French German Greek Italian Spanish

SJ Horizontal Accordion Showcase

1 1 1 1 1 1 1 1 1 1 Rating 4.59 (32 Votes)

horizontal showcase product pictureSJ 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.

 

Price: 28.00 USD

 

Demo 1

  • This is SJ Horizontal Accordion Showcase, this description window suport HTML tags
    Read more...
  • You can even place an image inside this caption
    29
  • Or a logo with external link
    extensionspot_logo.png
  • The showcase behave beautiful on responsive and adaptive templates...

Demo 2

  • This image open an external link when clicked...
  • Theese captions can be placed anywhere on the image...
  • You can even place a Youtube video inside this caption
  • The showcase behave beautiful on responsive and adaptive templates...

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 Spot Featured Articles

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.

q

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.

w

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:

e

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.

r

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)

2

3.2.2. Panel settings

You will find here the panel and border options (thickness, color, radius).

3

Screenshots

1

2

3

Support

emailsupport1Product 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.

 

services-web-designExtra 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.

Pin It

Comments   

0 #2 Radu Adrian 2016-12-11 23:38
Thank you! :-)
Quote
+6 #1 Peggy 2016-12-10 22:25
This extension is really great ! and particularly the developer, he is very nice and responds very very quickly !! I put 5 minutes to set up the extension on my site, and yet I'm blonde ! (french humor)
Thank you very much !
Peggy, the blonde little french
Quote

Add comment


Security code
Refresh