JL Slideshow

  • Эффект появления при "скролле" мышью

    AOS - анимация

    далее...

  • Возможность доп. анимации

    title - meta - description

    далее...

  • Слайд-шоу имеет несколько режимов

    push - pull - slide - fade - scale

    далее...

При переносе новых particles и sections к себе на сайт, при рекомпиляции, частенько возникает ситуация, когда в правой части административной панели шаблона возникает оранжевое предупреждение  - не определена переменная, функция, миксин.

 

Например, при первичной установке частицы Grid Statistic от шаблона Acronym на шаблон Helium после нажатии кнопки  Recompile CSS  возникает ошибка (предупреждение) - не определена переменная font-family-promo - строка 42, 51

Чтобы исправить ошибку-предупреждение заходим в папку custom/scss и находим файл _gridstatistic_acronym.scss  и в нем строки 42 и 51

 

grid statistic stroka 42 51

Как видно в строках 42 и 51 , идет обращение к переменной  ($font-family-promo). В шаблоне Helium такой переменной нет. Что делать?

helium font

1 вариант - добавить недостающий вариант в семейство шрифтов font families (сложный путь)

2 вариант - заменить слово promo (легкий путь)

Во всех коммерческих шаблонах количество используемых типов шрифтов более трех, например на шаблоне antares, на вкладке Font Families мы видим 3 типа шрифта:

antares font

В документации на сайте docs.gantry.org можно найти пути решения.

В папке шаблона Helium есть папка blueprints/styles/font.yaml, копируем этот файл к себе для дальнейшего изменения.

Если внести изменения непосредственно в font.yaml , то при обновлении шаблона Helium  (а изменения проходят регулярно) наши дополнения исчезнут.

Поэтому в папке custom надо создать переопределение:  custom/****/font (измененный).yaml,

Согласно трем золотым правилам переопределения Gantry 5, 

если файл взят из шаблона + из папки blueprints/styles  , то надо создать переопределение ---> custom/blueprints/styles/font(измененный).yaml

1 шаг  - добавим в исходный файл font.yaml строки

promo title kod

2 шаг - создадим переопределение custom/blueprints/styles/font(измененный).yaml 

3 шаг - заходим в административную панель нашего шаблона на вкладку Styles и видим

promo title

 4 шаг - нажимаем кнопку Recompile CSS - и видим ....  рекомпиляция прошла успешно ... без ошибок-предупреждений.