News
  • Register
The S5 Image Slide module is demo'd at the bottom of this page. It is a responsive module that will automatically adjust to the width of any screen.

Features:

  • Choose from several effects
  • Up to 10 images
  • Up to 10 module positions if using module mode
  • Choose auto rotate or manual rotate
  • Show/Hide: thumbnails, navigation arrows and pause/play buttons
  • Set links to each image and define if they show in a new window or in the same
  • Set the width and height of the module


Module tutorial:

After installing the module be sure to add in below positions to your template details.xml file located in the root of your template folder. If you are running a template older than Maxed Mag or a non Shape 5 template.

imageslide_1
imageslide_2
imageslide_3
imageslide_4
imageslide_5
imageslide_6
imageslide_7
imageslide_8
imageslide_9
imageslide_10


Once you are sure you have the module positions in then just simply start publishing modules to the positions. Be sure to do them in order, not imageslide_1 and then imageslide_4. Be sure its in sequential order.

Image Tutorial:

After installing the module simply publish it to your site and add URLs to images located on your server. As you can see from the below screenshot you need to enter the URLs to the images, once this is done the fader will start cycling through the images, be sure to add them in order from 1 - 10.

Screenshot of S5 Image Slide Admin:

s5 image slide

This module can be viewed at the top of this page. This specific style of the module can only be used with this template. Publish your own content into each slide transition and for multiple slide transition effects, navigation arrows and also a drop down gallery tab that allows you to select a slide via a thumbnail. This module is fully responsive as well. The S5 Image and Content Fader v3 is powered by Mootools by default but still includes the S5 Effects library and allows you to use it in a "legacy module" if you are experiencing script conflicts. Best of all it's free!

NOTE: Legacy mode will display all your images, titles and slide text but includes limited functionality thus it does not include navigation arrows or the new drop down gallery tab.



Features at a glance:

  • Responsive layout compatible
  • horizontal sliding transition
  • Choose between 4 slide transitions: Fade, Contiuous Horiztonal, Fade Slide Left, Continuous Vertical
  • Specify height and width of module
  • Includes a gallery tab drop down to show all images
  • Each image slide can have its own hyperlink
  • Show up to 10 images at once
  • Publish your own content to each picture slide
  • Navigation arrows
  • Not all slides require titles
  • Change delay time
  • Hide or show: Navigation arrows, thumbnail carousel and popup text


I like what I see! I want to JOIN TODAY.

The S5 Vertical Accordion module is demonstrated on the left side of this page.

This module contains up to 10 module positions that appear in an accordion function so you can publish any of your favorite modules or custom html modules to one of the accordion slides and keep your site clean and consolidated while giving it a nice effect. This version of the module is customized specifically for this template and cannot be used with any other templates. We do have another version that can be used on any Joomla template.

The following is a quick list of features that are included with the module:
  • Responsive/Fluid layout
  • Set the width of the module
  • Onclick or Onmouseover trigger methods
  • Auto cycle or manual for transition
  • Set slide transition speed
  • Compatible with IE7+, Firefox, Opera 10.5+, Safari, Chrome
The S5 Flex Menu system is a very powerful plugin that provides functionality far beyond what the standard Joomla menu system can provide. This plugin is intended to be as an extension of the existing menu system in Joomla to add many new features! Please see the full list of features below.

This menu system works off of the core Joomla jquery/mootools scripts so no extra javascript library is needed and keep download sizes to a minimum. Also, if you do not want to use this menu you can simply turn it it off from the template configuration page.

Take your website to the next design level by using the robust and feature rich S5 Flex Menu System. Organize your links with ease and show content in places you never could before!

Menu Features:

  • Automatic onclick functionality for tablet sized touch screens. If a device's screen is detected as touch screen and is of table size, then the menu will function with an onclick method rather than the onmouseover effect that is shown on a laptop or desktop that has a mouse for use.
  • Multiple javascript effects such as fade, slide, etc.
  • Multiple columns for menu items or modules.
  • Modules load directly into the menu.
  • Group sub menu items into the same column or fly out.
  • Optional sub texts for each menu item.
  • Optional menu icon images for each menu item.
  • Automatic multi-language menu change. If you are setting up a multi-language site, the flex menu will automatically change if your site's visitor has a language specific menu setup for their language in the menu manager.
  • And much more!


Menu Screenshot:



I like what I see! I want to JOIN TODAY.

The S5 Drop Down Panel is a slide down panel that can be demo'd at the top of this page. The panel itself contains six module positions. You may publish any module that you wish into these positions. It comes packed with features so be sure to check out the list and screenshot below.

Note - If the responsive layout is enabled the drop down will disable when the screen size reaches 750px so that it does not interfere with the mobile menu bar


  • Customize almost everything! Shadows, borders, gradient, opacity
  • Contains 6 module positions drop_down_1, drop_down_2, drop_down_3, drop_down_4, drop_down_5 and drop_down_6
  • Auto adjust to the height of your content
  • Set your own open and close text
  • Auto collapse if no modules are published to it
  • And many more features!


Screenshot of Drop Down admin in template configuration area: