Requiem: Recreating the Demo - Extension Section

Your Guide to Recreating Elements of the Requiem Demo for Joomla

details download demo support

Introduction

The Extension section includes three module positions, extension-a, extension-b, and extension-c.

The background image found in our demo is set in the Style administrative panel. Just navigate to Gantry 5 Admin > Styles and scroll down to the Header section.

Here is a breakdown of the module(s) and particle(s) that appear in this section:

Extension A (module position)
- Promo Content (particle)
Extension B (module position)
Extension C (module position)

Section Settings

Option	Setting
Layout	Fullwidth
CSS Classes	Blank
Tag Attributes	Blank

Extension A (module position)

Particle Settings

Demo Extension

Option	Setting
Key	`extension-a`
Chrome	gantry

Block Settings

Demo Extension

Option	Setting
CSS ID	Blank
CSS Classes	Blank
Variations	Blank
Tag Attributes	Blank
Block Size	`33.3333%`

Assigned Module(s)

Gantry 5 Particle (Promo Content)

We added a Promo Content particle to the extension-a position. This was done by creating a Gantry 5 Particle module and selecting the Promo Content particle in the module's settings.

You will find the particle settings used in this particle below:

Particle Settings

Demo Extension

Option	Setting
CSS Classes	Blank
Title	Blank
Promo Style	Super Promo
Promo Text	`The Framework`
Description 1	`The Gantry 5 Framework is an ideal platform for users of all levels, whether beginners or web professionals. The administrative interface is both simple to use, intuitive and highly flexible, allowing for swift and extensive changes.`
Description 2	Blank
Description Animation	No Animation
Animation Element ID	typewriter-1
Readmore Text	Blank
Readmore Link	Blank
Button Text	blank
Button Classes	Blank
Button Link	Blank
Tag 1 Name	`Featured Story`
Tag 1 Icon	`fa fa-bullhorn fa-fw`
Tag 1 Text	`Featured Story`
Tag 1 Link	`#`

Extension B (module position)

Particle Settings

Demo Extension

Option	Setting
Key	`extension-b`
Chrome	gantry

Block Settings

Demo Extension

Option	Setting
CSS ID	Blank
CSS Classes	Blank
Variations	Blank
Tag Attributes	Blank
Block Size	`33.3333%`

Extension C (module position)

Particle Settings

Demo Extension

Option	Setting
Key	`extension-c`
Chrome	gantry

Block Settings

Demo Extension

Option	Setting
CSS ID	Blank
CSS Classes	Blank
Variations	Blank
Tag Attributes	Blank
Block Size	`33.3333%`

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