Sample Sidebar Module

This is a sample module published to the sidebar_top position, using the -sidebar module class suffix. There is also a sidebar_bottom position below the menu.
Login
Register

Sample Sidebar Module

This is a sample module published to the sidebar_bottom position, using the -sidebar module class suffix. There is also a sidebar_top position below the search.
Artykuły


All modules are fully collapsible

What exactly is a collapsing module? It's quite simple, whenever a module is not published to a postion that position does not appear on the frontend of the template. Consider the example below:



This particular row has 6 module positions available to publish to. Let's say you only want to publish to 4 of these positions. The template will automatically collapse the modules you do not want to use and adjust the size of the modules accordingly:



If no modules are published to the row the entire row itself will not show. The best feature of this is every module can be published to its own unique pages so the layout of your site can change on every page!


Infinite Layouts

Because there are so many module positions available in so many different areas, the number of layouts you can create are limitless! For example, if you would like to show your main content area on the right side of your site but still have a column of modules, simply published your modules to the right or right_inset positions or both. The same would be true for the opposite, if you want a column on the left simply publish modules to left or left_inset. Of course you can always choose to not have a column at all. Remember, any module not published to will automatically collapse and the remaining area will automatically adjust. There is no need to choose a pre-defined layout for your entire site, simply use the power of collpasing module positions and take advantage of the numerous amount of module positions to create any layout you can dream of! Be sure to checkout the layout of modules below.


Dozens of Modules

Below is a complete list of all the module positions available for this template.



How to install and setup module styles:

  • 01 Download any module you wish to publish to your site.
  • 02In the backend of Joomla navigate to the menu item Extensions/Install Uninstall


  • 03Browse for the module's install file and click Upload File & Install.
  • 04 Once the module has be installed navigate to the menu item Extensions/Module Manager (same menu as above)
  • 05Find the Module just installed and click on it's title.
  • 06 Change any parameters that you wish and be sure to set it to published and publish it to your desired module position.
  • 07To apply a module style simply fill in the module class suffix field with any of this template's included module styles. This parameter setting is found under Module Parameters on the right side of the screen.


  • 08Assign what pages you would like the module to appear on and finally click Save.

This template includes a scroll to feature that will scroll your page to a specified section of your site. All you have to do is create an external link in your menu manager and then in the URL area enter in any ID on your page. You can reference any of the following IDs in order:

  • #s5_header_area1
  • #s5_top_row1_area1
  • #s5_top_row2_area1
  • #s5_top_row3_area1
  • #s5_center_area1
  • #s5_bottom_row1_area1
  • #s5_bottom_row2_area1
  • #s5_bottom_row3_area1
  • #s5_footer_area1

Screenshot of admin area of an external menu item with DIV reference entered:

Setting up the login and register links is very simple. Just enter the login, logout, and register text in the template configuration like shown below. As long as text is present the links will show. To disable them simply empty the fields and save the configuration.

Alternatively, you can fill out your own custom urls just below these fields in the template configuration if you do not want to use the default Joomla login and registration pages.

The lazy load script is a great way to save bandwidth and load your pages much faster. Images that are not visible on the initial page load are not loaded or downloaded until they come into the main viewing area. Once an image comes into view it is then downloaded and faded into visibility. Scroll down this page to see the script in action.

Setup is very easy! By default this script is disabled, in order to enable it simply choose All Images or Individual Images from the drop down, as shown below from inside the template configuration page.



All images will load every standard image on the page with lazy load. There is no extra configuration or extra code to add with this configuration, it will just happen automatically. Individual images would be used if you want only certain images to load with this script and not all of them. To do this simply add class="s5_lazyload" to the image like so:
<img class="s5_lazyload" src="http://www.yoursite.com/image.jpg"></img>


This script is compatible with Firefox3+, IE8+, Chrome14+, Safari5.05+, Opera 11.11+

See the script in action:



  • 01Download the installation package from our download section.
  • 02Once the download is complete go to the backend of Joomla.
  • 03Navigate through your menu system to Extensions/Extensions Manager.
  • 04Once at the installation screen click the browse button and navigate to where you downloaded the template file.
  • 05Once you have the file selected click 'Upload File and Install'
  • The template is now installed, now let's set it as the default template:

  • 06Navigate through your menu system to Extensions/Template Manager.
  • 07Find the radio button next to the newly installed template.
  • 08Click on the Default button at the top right of the screen and you're done!
Dołącz do nas. Zapraszamy