Lifestyle Documentation

The demo for the Lifestyle template features a large image in the background on various pages. Here are a few pointers for replicating this.

• This image is generated by the Zentools module using the slideshow mode.
• The slideshow mode is used as it delays the loading of the image and will not block the content from displaying before the image loads. 
• The zentools module is published to the banner position and is designed to sit underneath the content area.
• The module only has one image assigned to the module on the demo but you can continue to use the slideshow on these sub pages as well.
• The modules are assigned in the usual way you assign modules to menu items in Joomla. The Advanced Module Manager from nonumber.nl may be a useful tool to use when it comes to fine tuning which pages your background image will display on.

About module class suffixes

Module classes are a core Joomla functionality that allow the user to specify how a specific module will appear. The class itself is added to the module in the module parameters.

Combining module classes:

Module classes can be combined to take advantage of multiple complementary styles. An example of a module class suffix using a combination of classes: "hot primary1 top50".

• Logo. The logo is published to the header row position in the template parameters. The demo uses an image as the logo.
• Header4. A core Joomla menu module is assigned to the header4 position.
• Menu. A core Joomla menu module is published to the menu position.
• Search. A core search module is positioned to the search position.
• Banner. An instance of the Zentools module using the Slideshow layout is positioned to the banner position. You can see the settings in the screenshot below.
• Main Content. The main content is hidden on the front page of the demo site. In order to display content on the front page of your site you will need to disable the Hide main content on front page settings which can be found in the layout > general panel in the template parameters.
• Grid1. An instance of the Zentools module is published to the Grid1 position (Our Services). This module is using the Grid layout view and the settings for this module can also be seen below.
• Grid5. Another instance of the Zentools module is published to the Grid5 position (Recent Projects). It is using a grid layout and the settings can be seen below.
• Bottom1. A core joomla menu module is published to the bottom1 position.
• Bottom2, bottom3, bottom4. A custom html module is published to bottom2, bottom3 and bottom4.
• Footer. A custom html module is published to the footer position.

Frontpage module styling

The frontpage of the Lifestyle template features module titles that differ slightly from the sub pages. The title of any module published to the grid positions on the front page will be centered and use the bevel styling by default.

In order to replicate this on the sub pages of your site you need to use a page class suffix "frontpage" for the menu item responsible for showing that page.

• Zentools - Used to create slideshows, grids, carousels etc.
  Demo / Documentation / Download
• JB Type - Typography and style plugin.
  Features / Download

The screenshots below are taken from the modules used in the demo and quickstart packages for this template.