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="/?amp;view=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="/?amp;view=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="/?amp;view=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.