1. AudioFly Item 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 Item 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 Item in the list.
- Open the module and follow the setup.
2. Basic settings for AudioFly Item
In the Extensions -> Module Manager section, find your AudioFly Item 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.
3. Setting up AudioFly Item
3.1. Source settings and Song settings
Prerequisites: Before setting up the module, only for the local items and not for the Dropbox items, login to your FTP, go to your website folder, navigate to modules/mod_sj_add_audiofly_item/audio folder and upload the audio files in .mp3 and .ogg formats into this folder.
On the Source settings area, you can select the source for the songs: Local or Dropbox.
If chosed Dropbox, you can select the file you want to add on your website.
The Songs Settings area allows you to chose any Local song in order to display it on your website. Select from the drop-down the song, give it a custom link (redirect/download/buy link) if you desire and an anchor text. (this is the "Play" button)
3.2. Customization
This area contains all the options you need for the design and style of your module.
You can set a width and a height for the play button, alignment and margins, background styles, hover colors, borders and shadows.
Background image: this option allows you to chose predefined button designs.
If you need even more styling, you can write your own CSS: Advanced -> CSS Options
