Welcome Guest! Login
0 items Join Now

Crystalline: Recreating the Demo

Your Guide to Recreating Elements of the Crystalline Demo for Joomla


Recreating features of the demo site used to show off some of the more interesting aspects of Crystalline can be done fairly easily. All you need is the right extensions and settings, and you should be able to reproduce most (if not all) of the elements found in our demo site.

Below, we will break down some of these elements and give you the information you need to know to recreate them on your own site using the Crystalline Template.

Keep in mind that a lot of the detail that makes our demos look so good is the result of many hours of hard work by our team, and some of them will require a moderate level of experience working with the Joomla back end. We have added most of these elements into the template's core files in order to make them easily accessible without having to edit any code.

NOTE: We recommend downloading a copy of the RocketLauncher whenever you are attempting to replicate demo content. This allows easy referencing, whether on your site in a subdirectory, development server, or on a localhost. This will allow you to see all of our demo content in context, making it easier to replicate.

Module Settings

Below, you will find the module placement and settings for the various module positions as they appear on the front page of our demo. Not all of these position assignments are unique to the front page.

NOTE: Modules originally built on extensions and/or Joomla features which are no longer officially supported may not be listed in this guide. For example, modules built on RokTabs and RokStories are no longer supported. Much of their functionality can be found in RokSprocket, which was not available at the time this demo was created.

Custom HTML - Color Chooser
Custom HTML - Built with the Gantry Framework
Custom HTML - Latest Upload
Custom HTML - Advanced Menu Options
RokNavMenu - Main Menu
Custom HTML - About Us
Custom HTML - Cross Browser Compatible
Who's Online
Custom HTML - Site Information

We have detailed how to recreate the individual modules pictured above in the links below.

  1. Custom HTML - Color Chooser
  2. Custom HTML - Built with the Gantry Framework
  3. Custom HTML - Latest Upload
  4. Custom HTML - Advanced Menu Options
  5. RokNavMenu - Main Menu
  6. Custom HTML - About Us
  7. Custom HTML - Cross Browser Compatible
  8. Who's Online
  9. Custom HTML - Site Information
  10. MainBody

Recommended Extensions

Here is a list of RocketTheme extensions we recommend using with Crystalline:

Many of these extensions are included with the Crystalline RocketLauncher, and can be downloaded and installed individually by going to the RocketTheme website.

Menu Settings

In your site's main menu, you will want to make a couple of key changes in order for your home page to appear as it does in our demo.

You can find these settings by navigating to Admin > Menus > Main Menu > Home. Once there, you will want to select the Page Display tab.

You will need to change the Page Class setting under the Home menu Page Display Options submenu to mar10-home.

Found errors? Think you can improve this documentation? Please edit this page. You can also view the history of this page.