Topaz: Recreating the Demo - Showcase Section

Introduction

1

Grid Statistic (Particle)

2

Custom HTML (Particle)

3

Joomla Articles (Particle)

The Showcase area of the page is made up of three columned sections wrapped in a Container. Showcase Left and Showcase Right do not appear on the front end as they have no assigned content. However, there are Showcase A and Showcase B module positions in the Showcase Main section which contain three different particles: Grid Statistic, Custom HTML, and Joomla Articles.

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

• Container
  • Showcase Left
  • Showcase Main
    • Showcase A (Module Position)
      • Grid Statistic (particle)
      • Custom HTML (Particle)
    • Showcase B (Module Position)
      • Joomla Articles (Particle)
  • Showcase Right

Container

The container wrapping the Showcase sections enables the three sections to exist within a single horizontal space.

Showcase Main

The Showcase Main section hosts the Grid Statistic, Custom HTML, and Joomla Articles particles on the front page. You will find the settings used in the section below.

Section Settings

Section Block Settings

Showcase A (Module Position)

Particle Settings

Block Settings

Grid Statistic (Particle)

The Grid Statistic particle is assigned to the Showcase A module position. This is done by creating a Gantry 5 Particle module and assigning it to the showcase-a position, then selecting Grid Statistic as the Particle in the module's settings. You will find its settings below.

Custom HTML (Particle)

The Custom HTML particle is assigned to the Showcase A module position. This is done by creating a Gantry 5 Particle module and assigning it to the showcase-a position, then selecting Custom HTML as the Particle in the module's settings. You will find its settings below.

<ul>
   <li><a href="#">category</a></li>
   <li><a href="#">art</a></li>
   <li><a href="#">architecture</a></li>
   <li><a href="#">entenrpreneurship</a></li>
   <li><a href="#">history</a></li>
   <li><a href="#">design</a></li>
   <li><a href="#">culture</a></li>
   <li><a href="#">daily</a></li>
</ul>

Showcase B (Module Position)

Particle Settings

Block Settings

Joomla Articles (Particle)

The Joomla Articles particle is assigned to the Showcase B module position. This is done by creating a Gantry 5 Particle module and assigning it to the showcase-b position, then selecting Joomla Articles as the Particle in the module's settings. You will find its settings below.