Kraken: Recreating the Demo - Header Section

Introduction

1

Swiper (Particle)

2

Swiper (Particle)

The Header section includes three module positions, header-a, header-b, header-c. These module positions are created using the Layout Manager.

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

• Header A (module position)
  • Swiper (particle)
  • Swiper (Particle)

Section Settings

Header A (module position)

Particle Settings

Block Settings

Assigned Module(s)

Gantry 5 Particle (Swiper)

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

There is a mobile version of this particle using the visible-phone CSS class which has differing options in order to make the particle appear slightly different.

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

Particle Settings

Gantry 5 Particle (Swiper) 2

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

There is a mobile version of this particle using the visible-phone CSS class which has a single slide per view in order to make the particle appear slightly different.

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

Particle Settings