0
Welcome Guest! Login
0 items Join Now

Memorial Day S A L E

RocketTheme is celebrating Memorial Day with 50% OFF all themes and 35% OFF club memberships and renewals. Enjoy savings!

Ricochet: Recreating the Demo - Characteristics

Your Guide to Recreating Elements of the Ricochet Demo for Joomla


Characteristics

This area of the front page is a RokSprocket module with the Mosaic layout mode applied.

One important note here is that if you want to use this module in a different module position, you will want to change the background of the filter/order to match that of the module position you place it in. Here is the code you'll find in the demo.less file that sets this behavior.

.sprocket-mosaic-filter ul li span:before, .sprocket-mosaic-order ul li span:before {
      border-left: 20px solid @white; // Just change this border color if you place your RokSprocket mosaic on other module position to match its background
    }

Module

Option Setting
Title Characteristics
Show Title Show
Position additiontop-a
Layout Type Mosaic Layout
Provider Simple Provider
Status Published
Access Public

Article List Item Example

We utilized the Simple Content Provider, allowing us to create custom content independent of full articles. The Title, Description, Image, and Tags fields in each article have been altered. A few examples of these article changes can be found below.

Option Setting
Title A Content Block Layout with Auto Positioning
Description Grids presents content in up to 10 columns, either as images, text overlays, static text or a combination of each<span class="hidden-tablet"> or all</span>.
Image Custom
Link Custom
Tags Healthy, Tasty, Sweet

Options

Option Setting
Theme Default
Display Limit
Columns 3
Preview Length
Only Show Tags
Strip HTML Tags No
Blocks Per View 3
Article Details Hide author and date
Block Animation Fade, Scale, Rotate
Ordering Default, Title, Date, Random
Image Size Disable, 0, 0

Advanced

Option Setting
Module Class Suffix fp-roksprocketmosaic-additiontop title5

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