0
Welcome Guest! Login
0 items Join Now

Chimera: Recreating the Demo - Header Slideshow

Your Guide to Recreating Elements of the Chimera Demo for Joomla


FP RokSprocket Features - Header Slideshow

The RokSprocket Features module used near the top of the front page is a great way to feature some of your site's more notable articles or areas of interest.

NOTE: If you are using the v1.1 RocketLauncher, there are some special instructions concerning the handling of the preset images for this module. If you notice your images aren't changing as expected, or if you would like more information on how this was set up, you can find it here.

We utilized the Simple Content Provider, allowing us to create custom content independent of full articles. The Title, Description, and Image fields in each article have been altered. A few examples of these article changes can be found below, excluding the Image fields which will likely not work on your local copy as the links will be different.

NOTE: The arrow at the bottom of the mobile, (rt-bottom-arrow) is not functional unless the System Messages option is turned On. You can find this option by navigating to Admin > Extend or Extensions > Template Manager > Chimera > Features.

Details

Option Setting
Title FP RokSprocket Features - Header Slideshow
Show Title Hide
Access Public
Position slideshow
Status Published
Content Provider Simple
Type Features

Filtered Article List

Article 1

Title

<div class="wow bounceInDown"><span class="hl">Beauty</span> in the Details</div>

Description

<div class="wow zoomIn" data-wow-delay="1s">Chimera is a clean, modern and minimalistic theme showcasing the beauty of your content</div><div class="wow bounceInUp" data-wow-delay="1s"><a href="/component/content/article?id=1&Itemid=111" class="readon">Read More</a></div>

Article 2

Title

<span class="hl">Bounce</span> and Zoom

Description

<div class="wow zoomIn" data-wow-delay="1s">Scroll events trigger a series of effects to animate the introduction of template sections</div><div class="wow bounceInUp" data-wow-delay="1s"><a href="/component/content/article?id=1&Itemid=111" class="readon">Read More</a></div>

Article 3

Title

<span class="hl">Dynamic</span> Fixed Header

Description

<div class="wow zoomIn" data-wow-delay="1s">The header dynamically appears on scroll, containing both the logo and dropdown menus</div><div class="wow bounceInUp" data-wow-delay="1s"><a href="/component/content/article?id=1&Itemid=111" class="readon">Read More</a></div>

Layout Options

Option Setting
Display Limit
Theme Full Slideshow
Article Titles Show
Article Text Show
Preview Length
Strip HTML Tags No
Arrow Navigation Show
Pagination Hide
Animation Crossfade
Autoplay Disable
Autoplay Delay 5
Image Resize Disable
Default Title Default Article Title
Default Article Text Default Article Text
Default Article Image Default Article Image
Default Link Default Article Link

The Full Slideshow theme is unique to Chimera and was created to give the RokSprocket mode a certain set of attributes that enables it to look the way it does in this template. You can find more information about overriding themes here.

Advanced

Option Setting
Module Class Suffix fp-roksprocket-header-slideshow

NOTE: If you are using the RocketLauncher package, and are not wanting to display more than one preset to display your website with Chimera, please remove the 'fp-preset-images' variation in the RokSprocket - Module Suffix field so you can simply use RokSprocket's Image field to display your image.


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