Our technical support team is ready to help you with any problems you may have. Submit a support ticket and we'll help you ASAP.
30 DAY GUARANTEED REFUND
Documentation aikon 360 Gallery
aikon 360 Gallery allows you to display a responsive 360 image showcase, with a rich control bar – all of which can be customized specifically to your preferences.
This is a standard Joomla! Module. To install it you will need to log into your admin interface and select the Extension Manager under the 'Extensions' tab in your top menu (assuming you are using a standard admin interface). Once you're inside, click on the 'Upload Package File' tab (it may already be selected for you), and drag the packaged zip file into the 'Browse' button, or click on the 'Browse' button and select it. Finally, click on the 'Upload & Install' button and you're ready to go.
The module will now be available from the Module Manager found under the 'Extensions' tab in the top menu of the admin interface. An initial module will be created for you, and you can create additional modules by clicking on the 'New' button. Select the modules you have already made in order to configure them. Don't forget to publish them in the correct positioning and on the right pages.
Modules can also be included inside an article.
If you'd like to do that, here is some info directly from the Joomla! Documentation portal: http://docs.joomla.org/How_do_you_put_a_module_inside_an_article%3F.
Basic Settings – Configuring Your Very First 360 Gallery
After you have installed and published the module it's time to set it up!
In the "Basic Settings" section, you will see the following options:
- Images Type – choose if your gallery images are PNG or JPG type, it can't contain both!
- Auto Play – makes the gallery auto play when loaded.
- Entrance Animation – the default behavior of the gallery is to load with a spin animation, you can disable that if you like.
- Module Float –Module Float – choose if the gallery main container has a float, if you choose 'none' the gallery will automatically center itself.
- Number of Frames – specify the number of images (frames) your gallery should have.
Heads up: 360 Gallery requires jQuery to function. If you are encountering any problems, please make sure the module is published correctly, and then try switching on 'Load jQuery' (click on 'Yes'). This will make the extension load its own jQuery.
If your new module still isn't working properly, we strongly recommend you follow our troubleshooting tips below.
Setting Your Images
Here, you will upload the images to your gallery folder and set the module to use the images you have placed in that folder.
The 'Images Settings' section has the following options:
- Open Media Manager – this button will open the Joomla! Media Manager. Use it to upload images to a folder. Please use a folder directly under the main 'images' folder (the 'images' folder is the root of the Joomla! Media Manager). The images from this folder will be displayed in the gallery. HEADS UP! Names matter! Name your images 1.jpg (or png), 2.jpg, 3.jpg and so on. Continue reading for more info!
HEADS UP: Names matter! Name your images 1.jpg (or png), 2.jpg, 3.jpg and so on. Continue reading for more info!
- Gallery Folder – this will show a list of your folders inside the /images/ main folder, choose which folder is to be used by the gallery.
- File Name Prefix – the default behavior for the gallery is to use images with the following names: 1.jpg, 2.jpg, 3.jpg and so on. You can add a prefix to the image names to change that a little bit. If you add a prefix, say "cats-" – the module will load cats-1.jpg, cats-2.jpg, and so on. Use this if you want to have many galleries, but you don't want to have many folders under your image folder root. Use different prefix for each gallery – and you can have as many galleries you want relying on just one folder!
Setting Up a Control Bar
In the 'Control Bar Settings' you will find the following options:
- Enable Control bar – default is yes. if you don't want a control bar, change to no.
- Background Color – this will be the control bar background color.
- Controls Color – this will be the color of the control buttons, play, pause, next & previous.
- Border Radius – this will define if the control bar's border radius, this field can take either pixels or percentages values
- Bar Position – allows you to select where the control bar should be displayed, inside the 360 display.
- Left / Right Offset – define the control bar margins from the sides of the module box.
- Top / Bottom Offset – define the control bar margins from the top / bottom of the module box.
Styling Your Gallery – The 'Design Settings' Section
In the 'Design Settings' section you will find the following options:
- Background Color – this will be the background color of the entire gallery display.
- Loader BG Color – before the gallery loads, it has a small loader that indicates how long it is going to take until the gallery shows up. This field defines its background color.
- Loader Color – this field will define the loader's text color.
- Border Radius – this field will define if the gallery box has border radius.
- Gallery Width – the width of the gallery.
- Gallery Height – the height of the gallery.
- Responsive Settings – setting this to yes will give you more control over the gallery's style in tablet and mobile devices. You will find that you can change the width and height of the gallery for desktop, tablet and mobile devices separately.
- Enable Border – setting this to yes will allow you the show a border that will wrap the gallery display.
- Enable Box Shadow – setting this to yes will allow you to display a drop shadow around the gallery display.
The module may not work for various reasons. These can all be easily resolved.
The most common reasons are improper configuration of general module information or parameters, and/or a jQuery issue.
You should therefore make sure your module's general configurations are valid and fit your intention:
- Make sure the module has been properly published (check its status in the Module Manager).
- Double-check that the module is positioned correctly.
- Make sure the module has been published on the right page(s).
- Make sure you have the proper editing permissions (if you're using a Joomla! Access Control component).
Solving jQuery Issues:
Most extensions require a jQuery plugin. Many of them include added features that enable users to leverage jQuery to the fullest. The only problem is that users often upload jQuery themselves, and by doing so they overwrite the extended version of jQuery, thus preventing the extension from working properly.
The best solution is to make sure only one instance of jQuery is loaded. One way of doing that is to manually check that jQuery is NOT loaded via the form template but by Joomla! only. We also suggest you download a free plugin which can help you handle this issue. It's called jQuery Easy, and it's available here: http://extensions.joomla.org/extensions/core-enhancements/performance/jquery-scripts/18327
Pease notice: we are NOT responsible for any damage that may be caused by using the jQuery Easy plugin. The plugin needs to installed, enabled and configured manually.
The recommended settings for this plugin are: under the 'Basic Site Options' select 'Enable jQuery field jQuery' or 'JQuery + jQuery UI (select one of them, according to your specific needs). Under version select 1.8 and you're ready to go!