The demo for Chromatophore utilises a large stock of custom code and styling to make the most of every content item and show what Chromatophore can do. This basically means that the HTML used in the custom modules and content have customisations which employ the characteristics of the template to make the "perfect" content.
This demo content section will take you through some of the content areas and general techniques used to further your understanding and help you realise the true potential of Chromatophore. If you would like to quickly deploy a replica of our Chromatophore demo for a new Joomla site, be sure to check out our RocketLauncher package.
Adding Static Content to the Front-Page
If you wish to place a Static Content Item on the frontpage, you will have to do the following:-- Create your Static Content Item
- Go to Admin > menu > mainmenu
- Click the New button
- Select Link - Static Content
- Fill out the menu parameters
- Save
Restoring the Frontpage component to the Home link
We use Static Content as our frontpage/home content, if you wish to restore the default frontpage component setup, follow these instructions- Go to Admin > menu > mainmenu
- Click the New button
- Select Component
- Fill out the menu parameters, selecting Frontpage from the Component's list
- Save
- Move this menu item to the top of the list
Tabbed Modules
Chromatophore features an exciting new RokSlide powered tabbed module system. It is designed to allow you to publish your modules into the designated locations, creating tabs for each module position which you can customise. Currently, Chromatophore uses the advert1-advert5 module positions for your tabs plus other module positions. By default, Joomla does not include these module positions, so these must be created in the Joomla admin.They can easily be created in your Joomla administrator by going to Site > Template Manager > Module Positions In the first available "empty" module position fields, type in the name "advert4" in one, and "advert5" in another. Next, click Save in the top right corner. Now, you will be able to utilise the "advert1" and "advert5" module positions when assigning your module's positions in the Module Manager.
Read More Buttons
Read more buttons are automatically generated for content items that use the intro and main text option. However, you can easily insert them manually as witnessed on this demo. Use the following code:<a href="your_link" class="readon">Read More...</a>