Внешне самая простая частица 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 от разных разработчиков отличаются. Выбирать, какую использовать - это Ваш выбор.