Внешне самая простая частица Gantry 5 - частица accordion. Есть несколько разновидностей этой частицы - от разных разработчиков. Рассмотрим их.Частица accordion от InspireTheme для Gantry5 предлагается на официальном сайте в 2-х вариантах: accordion-joomla.zip - за 59 euro и accordion-particle-1.2.0.zip - бесплатно. Скачать бесплатно можно здесь

Структура: 1 папка - particles, в которой 2 файла

  

Требования: предварительно должна  быть установлена частица uikit for gantry5, без нее работать не будет

Активация:  кнопка Recompile CSS на вашем шаблоне

Внешний вид: зависит от размещения - в какой секции установлен модуль с частицей - как вариант, это могут быть белые буквы на белом фоне

  

Важно.

Так как папка particles одна, при условии, что вы ставите эту частицу впервые, могут произойти сбои при отображении  - частица accordion от inspiretheme самостоятельно работать не будет - даже при наличии частицы Uikit  for Gantry5 от Joomlead (uikit.html.twig + uikit.yaml). На экране, в лучшем случае, отобразится информация, которую вы забили в настройки частицы (см. ниже). Обязательно должны быть подключены стили служебной частицы - uikit.css и javascript сценарии - uikit.js - по тому пути, какой указан в файле uikit.html.twig от inspiretheme

.

 

Другой способ (альтернативный) для нормальной работы частицы accordion - это установка в паре с accordion от inspiretheme  бесплатной частицы accordion от joomlead {module Accordion Inspire_antares}

 Настройки:

Частица accordion от Joomlead на официальном сайте предлагается бесплатно. Скачать можно отсюда

Структура: 4 папки - particles   scss   js   css  

внутри папок css и js есть подпапка components

  

О чем это говорит. Разработчик предполагает и это правильно, что Вы создадите в папке custom вашего шаблона предварительно 4 папки -  particles   scss   js   css  . Затем в папке js создадите подпапку components, в папке css - подпапку с аналогичным названием components.

Далее 2 полученных файла

 

необходимо скопировать в папку particles. Файл _accordion.scss требуется перенести папку scss , а сами стили прописать в созданном файле custom.scss внутри этой папки 

@import "dependencies";
// Подключаем стили частицы accordion от joomlead (подсказка)
@import "accordion";

(читай статью Активация. Частицы для Gantry 5)

Далее в подпапку css/components помещаем файл accordion.min.css

А в подпапку js/components - файл accordion.min.js

P.S.

Использование папки custom (для тех, кто не знает) необходимо в Gantry5 для того, чтобы при обновлении шаблона или самой Ganry5 наши труды не пропали даром - и все частицы продолжали работать и приносить Вам радость..

Требования: предварительно должна  быть установлена частица uikit-atom, без нее работать не будет

Активация:  кнопка Recompile CSS на вашем шаблоне

Настройка:

Внешний вид: не зависит от размещения , требует настройки css-класса и aktiv-класса

Так работает частица accordion от joomlead c uikit-atom  {module 181}

Существуют и другие частицы accordion, например в шаблоне protean от ROCKETTHEME,  его настройки приведены ниже

{module 183}

Как Вы заметили частицы accordion от разных разработчиков отличаются. Выбирать, какую использовать - это Ваш выбор.