Layer Slideshow documentation
- I. LAYER SLIDESHOW INSTALL
- II. SLIDESHOW THEMES
- III. SLIDE EDITION
- IV. IMAGE LIBRARIES
Layer Slideshow provides a unique yet simple experience to create slideshow with multiple layers in Joomla.
I. LAYER SLIDESHOW INSTALL
Our component is Joomla 3.x compatible. All the features and 3rd party integrations are included in all memberships.
In order to install our component you have to download the extension .zip file and use standard Joomla installer.
1.2 Update & automatic updater
In order to update the extension you can install a new version over the old one by downloading the ZIP file from JoomUnited or use the automatic updater (recommended).
The automatic updater, which push the update notification, is embedded in the Joomla extension you've installed. So you'll get notified like any other extension in the dashboard or using the menu: Extension > Manage > Update menu.
Login to your account to update
You need to login to your JoomUnited account to update all your JoomUnited Joomla extensions. In order to login access the main configuration of the component then click on the Live update tab. At the bottom, you'll find a login button.
Enter your JoomUnited credentials, the same you use to login here @ www.joomunited.com
The button will turn orange, congrats! you can now update all the JoomUnited extensions on this website! If your membership is expired you'll get a renew link and a text that explain that.
II. SLIDESHOW THEMES
2.1 Slide creation
The main idea of Layer Slideshow is to be able to create a nice slideshow with layers without complexity. That’s why we included 5 themes and image libraries.
On the main interface, on the left side you have access to a New slideshow button. Each new slideshow contains slides and layout options.
When you click on the slide, the center will be refreshed with the list of the 5 themes available
On the bottom part you have the live preview and buttons to clear all layers or reset default theme data.
2.2 Layout settings
You can define a specific layout for each slideshow. It’s better to define the layout before starting the layer edition because it will determine the image width, text size, items position...
The slideshow layout options are the following:
- Responsive: Make your slideshow with adaptive element for mobile devices, all text, images will be dynamically resized regarding mobile devices
- Align Slideshow: Align the whole slideshow
- Width/height: Define the width/height of the slideshow. This is the most important parameter, because once its set, all the images you’ll put in the slideshow may be resized with our cropping tool to this dimension. If you change the size, you may need to update your images.
- Duration: Define each slide duration
- Button style: define navigation element style
2.3 Add a slideshow in your content
To add a slideshow in your content and put it online, you need to use the editor button. Load an article, a custom module or anything else and click on the Layer Slideshow button.
Then choose a slideshow to insert
III. SLIDE EDITION
3.1 Slide Background
Each slide have a background, you can load your own from your image library or use our JU Library.
The Select button will open a lightbox with a media manager, this is an enhanced version of the Joomla media manager.
It offers you options to drag’n drop new images, select, remove, fit or apply effects on images.
The most important is the crop function. The crop function will load a window with your image and a frame that takes the size of the slideshow defined in the layout.
Click on the Crop image button to insert the image cropped as a background.
3.2 Button editor
Each slide have an action button you can customize.
The button manager will allow you to create your own button style, store it and reuse it later. Usually buttons are defined for all slides and should be reused.
You’ll be able to create a style using the left side window tool then Insert/Save/Edit it. You have options to define background, border styles and mouse hover effect.
To insert a button into content, you have option to click on Insert button or + symbol of a saved button.
You can also edit and save an existing style, just click on the pen and change parameters.
Finally you can define a custom link for the button or make a quick link to a menu or an article.
A popup will help you to choose the content to link to.
3.3 Image layer edition
Each layer has to be edited separately. Put your mouse hove the preview will help you to find the layer to edit with a color effect.
You can of course define position of each element from the preview using drag’n drop.
Then you’ll be able to choose your own image or use an image from our JU Library or an icon from Icon Finder.
IV. IMAGE LIBRARIES
4.1 JoomUnited library
JU Library is an external library we are hosting to give you nice and free to use images. All the images from our library will be downloaded and stored on YOUR server. So you can it as long as you want.
Library is accessible as long as your subscription is valid.
The JU Library contains clipping path images (with transparent background) and background images. Use the check to select one or both.
You can also make a tag search.
Once you’ve selected an image you’ll be able to download it on your server, and to edit it.
4.2 Icon finder integration
An icon finder integration is also available to load for example social networks icons.
A search engine will then be opened
You can make a request and also use size filtering system.
Then, like in the JU Library tool you’ll be able to download your icon on your server. You also have size download options regarding the filtering defined before.