• It's Sharp & Elegant!

    A sharp visual design complemented by a subtle animated header. Read More
  • That's Easy to Setup!

    RokSprocket's custom user interface is intuitive and quick to configure. Read More
  • It'll Adapt to You!

    A responsive layout for all device widths, even smartphones and tablets. Read More
  • 1
  • 2
  • 3

About Tessellate

image

Configurable HTML5 Animated Header

No videos, no flash, no animated GIFs... no nonsense. Using the power of HTML5 Canvas and WebGL (browser dependent), the animated header can be created dynamically through a script with configurable colors and styles.

HTML5 Canvas powered animated header.

Read More
CSS-based multi-column dropdown menu system

Features include multiple columns, inline modules and positions, and more.

Read More
A static horizontal menu option with separated child items

Parent and subsequent child items are placed in different, configurable positions.

Read More
Sidepanel or selectbox format for mobile menu

Smartphones viewing Tessellate benefit from a mobile specific menu, for easier browsing.

Read More
CSS-based multi-column dropdown menu system
Read More
A static horizontal menu with separated child items
Read More
image
  • image
  • image
  • image

RokSprocket, content extension, with Tessellate specific integration

RokSprocket is a powerful, versatile and highly flexible content extension with a custom administrative user interface, numerous layouts and themes as well as support for multiple content providers.

The Tabs layout mode features an image based navigation system, replacing the tab text with configurable images. Tabs has multiple options for tab position, such as top, left (as shown here), right and bottom.

RokSprocket is a versatile content extension with a custom UI.

The Tabs layout mode features an image based navigation system.

Advanced template framework with large standard feature set

Gantry is the core framework that sits at the heart of the template, powering all the major features and functions, providing a versatile set of rich capabilities to make your site easy to customize, setup and use.

The main asset of Gantry is its intuitive administrative interface, that provides friendly control options. From the console, you can adjust positions widths, the varying prebuilt features, the style, the menu and other options.

Six preset styles with intuitive controls to easily adjust colors

There is an extensive array of color controls, via a colorwheel modal, to allow for quick and easy color selection. There are six built in presets to choose and configure. You can customize overlay style, background and text.

There are 8 stylistic module class suffixes which provide a unique style variation to the module: title1-4 and box1-4. There are also various additional structural suffixes, these affect the layout and metrics of the module.

Multiple layout options: An adapted responsive layout, or fixed layouts at 960px or 1200px wide

A responsive layout adapts automatically to the viewing device's width, such as mobile, tablet or desktop, without the need for a separate layout or content. Mobile modes have a unique menu to aid usability. 960px and 1200px fixed layout options are also available.

Read More

Configure the style options of Tessellate, quickly and easily, in the template manager settings

Tessellate has an extensive Color Chooser in the template manager to provide intricate controls for each section, inclusive of overlay type, text color, background color, as well as accent colors. Edit preexisting or create new presets.

Read More

A web font based solution for adding icons, allowing them to be extensively styled via CSS

The template features an updated library for Font Awesome with version 4+. This offers over 350 icons, which are fully scalable and easy to integrate into the design of the template and/or content, from module titles to inside content items themselves.

Read More

Powered by LESS CSS

Modify your CSS with speed and efficiency

LESS brings programmable coding to CSS, such as in PHP. This allows for variables and more complex operations in the stylesheets, making easier to create, update and customize.

Read More

RokAjaxSearch

Full Joomla site search, powered by AJAX

RokAjaxSearch uses AJAX to display Joomla site search results via a popup modal as you type, without the need for refreshing the page or being directed to a separate search page.

Read More

Using Tessellate

image

Quick & Easy Installation

image

Accessible Resources

RocketLauncher Packages

The RocketLauncher is a custom Joomla install, that installs the demo content and data onto your server, allowing for easy replica of the demo. It is easier to edit than to start afresh.

Read More

Free Online Documentation

A vast library of free online documentation is available from RocketTheme for Tessellate, Gantry and Joomla more generally, providing you with the tools to configure and use the template.

Read More
image
Information

Gantry is a template framework for Joomla and Wordpress, by RocketTheme, providing a standardized product core.

The Free/GPL Gantry Framework

The most noticeable visual feature of Gantry is its custom administrator, providing a user friendly and rich console for template configuration.

The framework has many features, such as module grid controls, that come as standard on all templates.

Other features include overridable layouts for modules, positions and mainbody output; several features such as font-sizer; as well as powering the LESS infrastructure.

Read More
image
Information

RokSprocket is a content extension for Joomla and Wordpress, by RocketTheme, that offers multiple layouts and themes.

RokSprocket Content Extension

RokSprocket has its own, unique, custom administrative interface with intuitive controls and ajax loading to make content setup quick and easy.

RokSprocket has multiple layouts to choose from with varying themes, such as Features : Showcase.

Others include Tabs, Headlines, Mosaic, Strips and Lists. RokSprocket also benefits from multiple content providers, such as Joomla, K2 and its own, Simple.

Read More

Please enter the email address for your account. A verification code will be sent to you. Once you have received the verification code, you will be able to choose a new password for your account.

  • Options
  • Extras
  • Layout
  • Menu
  • Custom

Basic support for third party CCK, K2

The template has basic styling support for K2, a third party content control kit extension by JoomlaWorks. The styling can be disabled in the template settings.

Read More

Disable the Mainbody or Component areas

A common feature provided by Gantry is the ability to disable the mainbody and/or component area on a per-menu-item basis. Ideal for certain frontpage layouts.

Read More

A separate LESS file for demo specific CSS

Tessellate has a separate file for all demo specific CSS, which is for content elements unique to the demo. If you do not wish to use these, then disable accordingly.

Read More

Redirect IE7 visitors to unsupported page

A standard Gantry feature is the IE7 Redirect option, which automatically redirects IE7 visitors of your site to a custom unsupported page. The template supports IE8 and above.

Read More

CSS selectors available for Internet Explorer 8

Activate Selectivizr in the Advanced tab of the template settings to enable CSS3 level selectors for Internet Explorer 8. CSS selectors allow for more efficient and specific design.

Read More

Page suffixes for extra stylistic changes

Enable the Page Suffix feature to enable the automatic addition of unique classes to the body tag, from the menu name, allowing for page specific styling.

Read More

Right-to-left basic and Gantry grid support

Gantry is built with structural RTL (right-to-left) support for its grids/module positions. The templates themselves have basic RTL support, such as for typography.

Read More

Choose from rResponsive or fixed layouts

By default, the template has a responsive layout, but also has options for 960px and 1200px fixed widths. The fixed options do not have any mobile specific support.

Read More

Advanced module grid layout controls

The Gantry layout controls allow you to specific the number of positions per row. You can force positions to create uniquely sized layouts without the need for custom CSS.

Read More

CSS based dropdown menu system

Dropdown is a CSS based menu option, with many structural features such as configurable columns and distribution, subtext and inline modules, positions and icons.

Read More

Static splitmenu with sidebar child item menu

Splitmenu is a static menu option that separates the parent and child menu items in configurable positions. By default, children are placed in the sidebar.

Read More

Two responsive mobile menu options

If you are using a responsive layout, you can choose between two mobile menu options: a sideward opening panel with a tree structure; or a selectbox menu.

Read More

Dynamic charts with HTML5 Canvas

Combing the power of ChartJS and HTML5 Canvas, you can create rich and cross-browser compatible graphs. These can be used for data as well as stylistic elements.

Read More

Custom offline page with countdown script

The template has two custom offline pages, a standard override, as well as a Coming Soon page with a configurable countdown, ideal for new sites waiting for launch.

Read More

Custom error template for 404 page

Tessellate benefits from a custom override for the standard 404 error page — when someone accesses an incorrect, inaccessible or non-existent link on your site.

Read More

Multiple Layouts, Themes & Capabilities

  • Horizontal row content display

    A RokSprocket layout mode with support for images and text.
  • Highlight multiple featured content

    Multiple layout themes are available, e.g. Showcase.
  • Vertically listed paged content

    Options for static list display or collapsible accordion mode.
  • Dynamic grid with tags and filters

    Mosaic displays content blocks: images, text or both.
  • Tabbed content layout option

    Set tabs to be located on the left, right, top or bottom of the text.
  • Display snippeted content items

    Select filtered content and display a small horizontal preview.
  • 1
  • 2