Корзина пуста

Любой шаблон от Gantry5 имеет, как правило, несколько предустановленных стилей, идущих в комплекте с базовым стилем. При этом увеличить количество цветов шаблона, например с 2-х до 6-и цветов, достаточно просто. В Gantry5 это можно осуществить с помощью yaml- и scss- файлов. Yaml позволяет создать в административной панели блок с заданными цветовыми решениями, а scss отобразить все это на стороне браузера пользователя.

button default

button button-pink

button button-3

Изначально бесплатный шаблон Helium предлагает следующие варианты стилевых кнопок

    

Изначально управление  контентом в блоге осуществляется овальными гигантскими кнопками "НАЗАД" - "ВПЕРЕД"

Простой заменой файла buttons.scss в папке helium мы кардинально можем изменить стиль кнопок нашего шаблона. В данном ниже примере взят стиль кнопок от шаблона PHOENIX  с небольшой коррекцией (добавлен button-gradient - изначально этого стиля кнопок там нету).

 

button

button button-pink

button button-3

button button-block

button button-arrow 

button button-special

button button-white

button button-2

button button-3

button button-3 black

button button-3 white

button button-4

button-outline

button button-gradient

Стили кнопок управления (core button) с небольшим дополнением (добавлен атрибут border-radius) также взяты от PHOENIX - файлы typography.scss и core.scss

  

Шаблон PHOENIX -  это только пример для переноса стиля кнопок,  дополнительно советую посмотреть файлы buttons.scss от шаблонов ANTARES и AKUATIK -  и дополнить, по своему усмотрению, стили кнопок button и core, пройдясь по шаблонам от ROCKETTHEME (раздел меню typography).

 Как  внедрить все это у себя на сайте?

На этот случай есть документация разработчика - http://docs.gantry.org

Другой вариант  - помощь данного сайта 

В кратце суть модернизации такова.

1 этап

Во-первых, если у Вас еще не установлен любой шаблон от Rockettheme на Gantry5, то Вам надо скачать в свою CMS JOOMLA3 новый плагин joomla-pkg_gantry5_v5.4.37.zip и сам шаблон helium ( joomla-tpl_g5_helium_v5.4.37.zip )  или hydrogen ( joomla-tpl_g5_hydrogen_v5.4.37.zip ) с портала - http://gantry.org/downloads

2 этап

Во-вторых, в папке custom вашего скачанного бесплатного шаблона создать несколько папок, которые помогут нам полностью модернизировать стили без ущерба основному шаблону.

3 этап - кнопки управления - файл core.scss и  typography.scss

Пока нас будет интересовать папка scss. Создадим внутри её дополнительно другие папки (рекомендовано разработчиком Gantry5) и файл custom.scss. Названия соответствуют установленному изначально шаблону, который Вы хотите улучшить (это папки helium и helium-joomla). Почти все шаблоны Rockettheme устроены идентично - поэтому метод подойдет ко всем шаблонам.

helium-joomla --> stules:

В папку styles переносим скопированные файлы и активируем некоторые (не все, кое-что будет работать автоматически)

Согласно правилу переопределения (золотое правило модернизации шаблона Gantry5), все замены в шаблоне Gantry5 можно осуществить, следуя принципам описанным в других статьях 

4 этап - стилизация  кнопок шаблона - файл buttons.scss

Так как именно шаблон обеспечивает стилизацию кнопок, то требуется создать внутри папки helium  папку styles

helium --> styles:

Именно сюда нам надо перенести скопированные стили кнопок от Phoenix

5 этап 

Активация скопированных стилей, как правило, активирует генерацию orange-предупреждений и ошибок типа 500.  Некоторые файлы, например core.scss, при правильном размещении внутри каталога custom -> scss -> styles -> helium-joomla  активируются автоматически.

И здесь надо понять, что при  модернизации шаблона - главное это последовательность подключения файлов типа .scss - это влияет на весь процесс модернизации - будут ли предупреждения об отсутствии переменной, функции или миксина.

На одном шаблоне все может происходить замечательно - без каких-либо ошибок, а на другом сайте те же манипуляции ни к чему не приводят и требуется помощь професcионала по Gantry5.