Overview

The Zentools carousel layout places the content of your module in a horizontal carousel. Based loosely on the core grid layout you can determine the minimum number of items to be shown in the carousel at any one time.

Features

• Responsive: responds to the width of your page (resize your browser to see)
• Display unlimited images from a folder, Joomla or K2 content.
• Determine the base width of the carousel item<
• Determine the minimum number of items to display in a carousel at one time.
• When the page is resized the current item is returned to the visible part of the carousel.
• Based on the elastislide carousel script.

Carousel Demonstration

The carousel below uses the zen-boxed theme and is set to display a minimum of 2 items regardless of the screensize.

Overview

The best way to think of the jQuery Masonry effect is that it's the opposite of css floats. Whereas floating elements with css will organise each block horizontally (see the grid layout), masonry organises each block vertically. The blocks on the page consequently organise themselves based on the next available space below the preceding block, like a jigsaw puzzle or as the name suggests a piece of masonry.

Features

• Create dynamic and flexible layouts using multiple width items as well as equal width items.
• Display any number of core elements from your Joomla or K2 content or images retrieved from a folder.
• Media queries revert all items to a 100% width for smaller screens.

Demonstration

Overview

The Zentools list layout is the perfect layout for when you need to display your content in a simple unordered list.

Features

• Each item is rendered underneath the next one in a vertical list.
• Create layouts that include up to four columns.

Demonstration

ZenTools Two Columns

The layout below uses the list layout with each individual item set to display it's contents in two columns.

ZenTools Three Columns

The layout below uses the list layout with each individual item set to display it's contents in three columns.

Overview

A responsive slideshow with multiple layouts, themes with added control over pagination, speed and transitions.

Features

• A responsive slideshow that responds to the width of your template.
• Display any number of core elements sourced from Joomla, K2 or images from a folder.
• Multiple pagination options including thumbnails, titles, numbers and discs.
• A selection of simple pre-built themes.
• Next / Previous buttons.
• Control slideshow speed and duration.
• Multiple slideshows on a single page.

ZenTools Slideshow

The slideshow below uses the slideshow standard layout. The image is the first item displayed int he module and then all other elements are absolutely positioned above it.

ZenTools Flat slideshow

The slideshow below uses the flat layout and the contents of each item is set to display in two columns.