Website Header - Particle for Gantry

This project contains a Gantry Particle that renders the current selected Joomla Menu data on a page within the Gantry templating framework. Website Header encapsulates the parameterization of dynamically generated header data in dependence of the selected menu item within a Gantry Particle. Furthermore, it provides an easy, user friendly and GUI assisted configuration and integration. In the current revision the following CMS is supported:

• Joomla

Prerequisites

• CMS (Joomla)
• Gantry Templating Framework and Theme

Download

Choose the correct download for your target platform. The Joomla Plugin System is supported for all Gantry themes globally or locally for the templates Helium and Hydrogen. The latest Particle version is v1.1.2.

---

Default Particle: English / German

Legacy Particle - Gantry <5.3.2: English / German

Joomla Plugin - All Templates (Global): English / German

Joomla Plugin - Hydrogen: English / German

Joomla Plugin - Helium: English / German

---

Automatic Installation (Joomla only)

1. Download the Plugin of the Website Header Particle for Hydrogen, Helium or Global installation.
2. Install it over the Joomla Plugin System.

Manual Installation

1. Download the Default or Legacy Package of the Website Header Particle. If you are using Gantry <5.3.2 please use the Legacy Package for compatibility reasons.
2. Extract the files.
3. Copy the .html.twig and the .yaml file to your particle folder /[GANTRY_THEME]/custom/particles. Please check the listing below to determine where the template folder for your CMS is located.

CMS Template Folder

Please be aware of the template folder path if you install the particle manually:

Joomla

/templates/[GANTRY_THEME]

Configuration

1. Go to your Gantry templating backend (e.g. Extensions/Templates).
2. Switch to Layout and add the new appearing Particle called Website Header either globally to your site (base outline), to a specific template or page by dragging it to the designated section.
3. Configure the appearance according to your favor.

Supported Parameters and Particle Options

• Container attributes
• Custom CSS classes
  • For container, title and description
• Background styling - multiple images support
  • Randomization of backgrounds (if multiple)
• Custom icon or title
• Automatic title and description selection from Joomla and Gantry
  • Predefined text
  • Joomla title
  • Joomla page title
  • Joomla page heading
  • Joomla meta description
  • Joomla meta keywords
  • Gantry subtitle
• Fallback for title and description if prioritized selection is empty
• Custom tag styling of title and description

Showroom

Insight of the Website Header - Gantry Particle configuration:

Backend (1) - General

Backend (2) - Background

Backend (3) - Title

Backend (4) - Description

Example of the particle in action :

Frontend (1) - Example

Future Tasks

• add more languages

Known Issues

None

Dependencies

Gantry Framework

Credits

Thanks to the Gantry team for providing a modern templating framework.

Thanks to yellowwebmonkey for the inspiration and testing.

by thex | gantryprojects

Copyright (c) 2019, free to use in personal and commercial software as per the license.