1. AudioFly Playlist Add-on Quick install 

This is a module that works only with the SJ HTML5 AudioFly main module. After installing and customizing the main module, you can go ahead and install AudioFly Playlist module, in the same manner as any Joomla extension:

- Log in to the Joomla administration back-end.

 

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

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

- Click the button Upload & Install.

- Select Extensions --> Module Manager from the top menu and click AudioFly Playlist in the list.

- Open the module and follow the setup.

2. Basic settings for AudioFly Playlist

In the Extensions -> Module Manager section, find your AudioFly Playlist 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.

If you want to place this module inside an article, you can type down a custom position and use the { loadposition yourcustomname } inside the article.

If you would like to place it inside a module position, just select the position from the drop-down.

Also, don't forget to set the display for your module on the pages you want it to be shown: Module Assignment section.

q

3. Setting up AudioFly Playlist

3.1. Playlist Setup

Prerequisites: Before setting up the module, login to your FTP, go to your website folder, navigate to images folder and upload the audio files in .mp3  and .ogg formats into this folder.

First step is to set up the songs: go to the Playlist setup and select the Music folder and the Image folder.

You will notice that the songs in that folder will be listed below with title. Next, you should fill the Download/Shop link, Artist and Poster Image (select the photo from the drop-down menu) for each song.

w

3.2. General Settings

In the General Settings section, you can find the options for width and height, alignment, icon and poster types and sizes, download link use, size and icon.

1

3.3. Backgrounds, Text and title, Multiple instances

This section is about setting up the colors for the playlist, text and titles.

If you need more CSS, you have a custom field to add your styles.

Also, you have the JQuery option to chose between Yes/No.

2