There are times when you need to implement full width slider or slideshow in gantry framework for Joomla. It is not complicated but requires some work. First you need to edit index.php to add module position within body tag. This is very important part because you choose location of your full width sidebar. You are placing it among existing module positions. I have placed it just above showcase positions. See below how I have it done:
This is short article about styling default gantry framework menu, add some css transition for animation effect ( similar to effect what I have on my website ). Here we are not going to work with LESS files.
A typical Joomla! Website consists of one component and many modules. Modules are a bit “bigger” than plugins and much smaller than components. Usually modules display content to the end user without his interaction. Modules execution cycle, Joomla finds module is assign to particular menu item and appears in particular module position within template index.php. In this article I am not going to build “Hello World” module (sorry everybody for disappointment), instead we are going to focus on building slider. To be more precise we are going to use jquery fractionslider ( website: http://jacksbox.de/stuff/jquery-fractionslider/ or GITHUB: https://github.com/jacksbox/jquery.fractionslider ) and transfer it into fully functional Joomla! 3 module. Source code for this tutorial is located on GitHub , it is fully working slider, the same as on my frontpage.
This is our “manifest” we are going to put there all configuration setting and file is going to be big! Have a look at GitHub repositories to see full mod_tksdfractionslider.xml . Lets have a look inside this file.
First it declares XML version and encoding. Then we have our extension type which in our case is module, version, client=”site” ( this is frontend module ) as oppose to client=”administrator” for backend modules. method=”upgrade” it is important, otherwise it will wipe out all data if this module had been previously installed on the system.
In this article I am going to demonstrate "core" module files. There are three important files. First two are located within module folder ( mod_tksdfractionslider.php and helper.php ) another is inside /tmp folder and its name is default.php ( it is our view ). Lets start from main module entry point which is in our case mod_tksdfractionslider.php.
<?php /** * @package TKSD Fraction slider for Joomla 3+ * @version 1.0.0 * @author Tomasz Kisielewski * @copyright (C) 2014- tkstudiodesign * @website http://www.tkstudiodesign.com * @license http://www.gnu.org/licenses/gpl-3.0.txt GNU/GPLv3 **/
TKSD Fractionslider is Joomla! 3+ module for simple banners show with animated captions. It is based on jQuery plugin fractionslider with up to 10 images, up to 3 image captions per image with custom background colors and animations. Easy to install in configure by use of module manager
I am very proud to be listed on Joomla! Resources Directory™ (JRD) as a freelance web developer / designer who is based in Plymouth , Devon, UK. I specialize in content management system powered websites. Joomla! is my favourite system, that is flexible, yet powerful and user friendly. I enjoy writing articles about Joomla, building free, premium templates and custom designed websites. Joomla! is suitable for almost any kind of web project, but in some cases it may be better to use Drupal or WordPress. If you consider to develop web project don't hesitate and contact me. I am always happy to discuss and give advice in the area of my expertise. I can work remotely in any time zone. If you want somebody more local, here comes JRD just use interactive map and find a Joomla! provider closest to you.
Evohosting has picked Nevis as one of the best 23 Free Joomla templates in June 2015. This free clean Joomla theme features a responsive layout, a portfolio section, multiple preset styles, cross-browser compatibility, and more. See full article on the evohosting blog and grab free Nevis template HERE