Подробности
Категория: Gantry 5
Просмотров: 1580

   Чтобы в Gantry 5 сделать левый сайдбар ниже контента, нужно создать два сайдбара, левый и правый, или разместить копию левого сайдбара ниже контента или боттома. Потом классами представленными ниже, в настройках частицы вставляем необходимые классы, как показано на третьей картинке, и опускаем левый сайдбар на мобильных устройствах (смартфонах) или телефонах ниже контента или текста статьи.

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

Подробнее: Как в Gantry 5 сделать левый сайдбар ниже контента Добавить комментарий

Подробности
Категория: Gantry 5
Просмотров: 1678

Занимаясь оформлением сайта помещайте ваши измененные scss файлы (с названиями идентичными оригинальным)  в папку /сайт/templates/g5_hydrogen/custom/scss/ - тогда при обновлении Gantry 5 и шаблона Hydrogen внешний вид сайта останется прежним. Сохранять в этих файлах лучше одни измененные параметры, остальные настройки будут подхватываться из основных scss. Будет видно, только то, что подверглось настройке.

Рассмотрим подробнее Tag Attributes - элемент который находится на вкладке Block любого перетаскиваемого модуля. Tag Attributes позволяет например установить в виде фона модуля любую картинку. Для этого
в левой части элемента пишем style,
а в правой background: url(/images/картинка.расширение) repeat-x; margin: 10px;

где url(images/картинка.расширение) - путь и название картинки, в данном случае в каталоге images сайта, repeat-x - повтор картинки по оси - х (или repeat-y - оси - у, или просто repeat, или без повтора), margin: 10px - отступ картинки

*Полезное: Можно использовать инструменты (частицы - particles) из других шаблонов RocketTheme. Для этого файлы с расширением yaml и html.twig должны быть скопированы в папку сайт\templates\g5_hydrogen\custom\particles, а scss соответственно - сайт\templates\g5_hydrogen\custom\scss. Файлы в шаблоне хранятся по пути (для шаблона Ambrosia) ambrosia-rocketlauncher.zip\media\gantry5\engines\nucleus\ папки particles и scss. Или в ambrosia-template.zip\particles. В последнее время к бесплатному шаблону hydrogen добавился helium. Теперь их два :-)

Например в шаблоне Ambrosia находим файлы particles\promoimage.html.twig и particles\promoimage.yaml и файл scss\ambrosia\_promoimage.scss. Копируем в соответствующие папки каталога сайт\templates\g5_hydrogen\custom. В списке Particles слева после перезагрузки страницы появляется новая частица PromoImage.

Добавить комментарий