MEMBER LOGIN

ZenTools Module

Overview

The filter layout is a grid based layout that allows the user to filter the items that are shown in the module according to their respective categories. The triggers are automatically populated based on the category of your item.

 

Features

  • Filter items shown in the module based on the item categories.
  • Display unlimited number of items from Joomla, k2 content or images from a folder.
  • Full control over the grid with multiple grid based layouts available.
 

Filter Demonstration

The tags are populated based on the the categories that the items in the module are assigned to using standard Joomla or K2 categories.

Overview

The Zentools grid layout is a classic multi-column responsive grid that can be used to generate a wide range of layouts.

 

Features

  • A flexible grid based on 1 to 12 columns.
  • Create columns within columns
 

Grid Demonstration

ZenTools Grid Lots of Columns

The grid below is set to display 6 images in 6 columns. The images are referenced directly from a folder in your Joomla site.

  • Aenean pulvinar, nisi vitae
  • Thomas Ewing
  • Walter Brown
  • The interior life without exterior reflection
  • Samantha Cook
  • A lily in the hand is worth two on the mantelpiece?

 

 

Columns within columns

The grid below is set to display 2 columns however each item is also set to display it's content in two columns.

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

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.

  • Aenean pulvinar, nisi vitae

    Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non

    Aenean pulvinar, nisi vitae

    Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non nisl nunc, id vestibulum augue. Donec interdum sapien vitae sem condimentum vel adipiscing leo consequat. In quis nisi sed velit lobortis congue in vulputate risus. Aliquam molestie, risus sed congue ullamcorper, mauris lacus volutpat mauris, nec luctus est risus in libero.

  • The interior life without exterior reflection

    Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non

    The interior life without exterior reflection

    Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non nisl nunc, id vestibulum augue. Donec interdum sapien vitae sem condimentum vel adipiscing leo consequat. In quis nisi sed velit lobortis congue in vulputate risus. Aliquam molestie, risus sed congue ullamcorper, mauris lacus volutpat mauris, nec luctus est risus in libero.

     
  • A lily in the hand is worth two on the mantelpiece?

    Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non

    A lily in the hand is worth two on the mantelpiece?

    Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non nisl nunc, id vestibulum augue. Donec interdum sapien vitae sem condimentum vel adipiscing leo consequat. In quis nisi sed velit lobortis congue in vulputate risus. Aliquam molestie, risus sed congue ullamcorper, mauris lacus volutpat mauris, nec luctus est risus in libero.

  • 1
  • 2
  • 3

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.

  • Aenean pulvinar, nisi vitae

    Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non

    Aenean pulvinar, nisi vitae
    Sep 14
  • The interior life without exterior reflection

    Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non

    The interior life without exterior reflection
    Sep 14
  • A lily in the hand is worth two on the mantelpiece?

    Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non

    A lily in the hand is worth two on the mantelpiece?
    Sep 14

 

 

ZenTools Three Columns

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