В Gantry 5 копирование всех новых стилей осуществляется только в папку custom, которая изначально создана разработчиками и лежит в вашем шаблоне.
консультант по Gantry5

При скачивании бесплатных частиц для Gantry 5 с ресурсов  joomlead.com  или inspiretheme.com файл в формате zip может содержать 4 папки - css, particle, scss, js или 4 файла в различных форматах -  .twig, .yaml, .scss, .js

  

Для бесплатного скачивания с сайта  inspiretheme.com нам предлагается 5 частиц и 6 атомов:

    

Частицы с сайта  inspiretheme.com  не содержат отдельно папку js c javasript-кодом - все зашито в  соответствующем скрипте файла .html.twig. или подгружается с других сайтов (нет javascript-кода только у accordion-particle и slideshow).

Скачать все бесплатные частицы от inspiretheme 2017 

С сайта  joomlead.com  можно бесплатно скачать 13 частиц и 6 атомов для Gantry 5:

    

Частицы и атомы с сайта joomlead.com  сделаны по классической схеме - содержат 4 папки.

Скачать все бесплатные частицы от joomlead 2017

Но все эти бесплатные частицы и атомы не работают без особенной частицы - uikit-atom. Скачать последнюю версию uikit for gantry5 можно с  того же сайта  inspiretheme.com

Частица uikit-atom может представлять собой следующее

                  или                       

Устанавливать частицу uikit-atom надо только в папку custom, которая находится в корневой папке вашего шаблона. Изначально в папке custom присутствуют только папки config, css-compiled, language. Вам необходимо вручную создать необходимые папки - css, js, particles.

     

Существует несколько методов установки частицы uikit на наш шаблон:

Внимание !!! В сентябре 2018 года joomlead начал использовать новую версию uikit - uikit3 с новым модернизированным javascript. При активации Uikit3 for Gantry5 частицa inspiretheme slideshow  работать не будет. Всего на joomlead.com доступно 26 бесплатных частиц

1 метод (срабатывает для частиц inspiretheme, описан в видеоуроке на yuotube) - создаем в папке custom папку uikit и помещаем в нее содержимое равпакованного файла uikit-atom.zip

Видео от Inspiretheme

установка частицы-атома Uikit for Gantry5

 

  

Результат - в настройках нашего шаблона Global Page Setting

в разделе Atoms появится пинтограмма Uikit for Gantry5, которую надо активировать переносом в область включения (навести мышку на пинтограмму, нажать левую клавишу и перенести в нижнюю часть раздела - белое поле). 

Не смотря на активацию и появление на белом поле раздела Atoms пинтограммы Uikit for Gantry5 при последующей активации частиц Joomlead и Inspiretheme могут наблюдаться сбои в работе этих частиц. Поэтому используем другой метод активации - метод 2.

2 метод (для частиц joomlead) - создаем в папке custom 3 папки - css, js, particles

и разносим в ручную содержимое распакованного файла -

 в папку css - файл uikit.min.css (который затем нужно активировать с помощью папки Custom CSS / JS )

 

в папку js - файл uikit.min.js (как правило все файлы с расширением js активировать не надо - активация проходит по сценарию, прописанному в файле .html.twig частицы)

в папку particles - 2 файла

Затруднения для начинающих осваивать Gantry 5 может представлять и подключение стиля частицы Uikit for Gantry5 с расширением .css в файле custom/css/uikit.min.css .

Все новые стили (папка CSS) обязательно надо активировать в вашем шаблоне в разделе Atoms административной панели - кнопка Custom CSS/JS

 

Затем для активизации Uikit for Gantry5 зайти во внутрь частицы и перевести chebox в положение включено (зеленый цвет)

Для активации стиля частицы Uikit for Gantry5 может потребовать от Вас создать дополнительные папки, например custom / css / components (актуально для файлов типа ****.min.css) или пойти классическим путем и все файлы с расширением ***.css переносить сразу в папку css и прописать пути подключения в административной части шаблона на вкладке Page Setting в активированном Custom CSS

И самое главное - во всех методах после создания папок и путей переноса файлов - нажимаем на кнопку Recompile CSS в разделе Styles нашего шаблона

 

P.S.

Структура папок разархивированного файла должна позволить Вам понять, куда размещать (складировать) составные элементы частицы, чтобы не нарушить ее функциональность. 

Скошенные углы

Этот код написан Friday. От бельгийца, живущего в Лондоне. Специально для Вас. Поддержка Google Chrome и Firefox

"Если я мог разобраться - сможет каждый"

Петров Сергей
Петров Сергей консультант по Gantry5
Частицы для Gantry 5 - бесплатно скачиваем, настраиваем, вместе решаем проблемы.
Настройка частиц Gantry5 на практических примерах.
klimat678110@yandex.ru

Pattern SVG #2 Aurora