Your Guide to Recreating Elements of the Kraken Demo for Joomla
The Extension section includes three module positions, extension-a
, extension-b
, and extension-c
. We are only utilizing the extension-a
module position.
Here is a breakdown of the module(s) and particle(s) that appear in the front end for this section:
Option | Setting |
---|---|
Layout | Fullwidth |
CSS Classes | Blank |
Tag Attributes | Blank |
Option | Setting |
---|---|
Key | extension-a |
Chrome | gantry |
Option | Setting |
---|---|
CSS ID | Blank |
CSS Classes | Blank |
Variations | Blank |
Tag Attributes | Blank |
Block Size | 33.3333% |
We added a Swiper particle to the extension-a
position. This was done by creating a Gantry 5 Particle module and selecting the Swiper particle in the module's settings.
You will find the particle settings used in this particle below:
Option | Setting |
---|---|
Particle Name | Swiper |
CSS Classes | g-swiper-testimonial |
Title | Blank |
Element ID | swiper-4 |
Layout | Horizontal Slides |
Element Height | 300px |
Slide per View | 2 |
Swiper Item 1 Name | Item 01 |
Swiper Item 1 Image | Blank |
Swiper Item 1 SubTitle | Blank |
Swiper Item 1 Title | Kraken is worth its weight in gold, just fantastic! |
Swiper Item 1 Link | Blank |
Swiper Item 1 Link Text | Blank |
Swiper Item 1 Description | - Alex Simon, Think Kraken Co. |