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

JL Slideshow

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

    AOS - анимация

    далее...

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

    title - meta - description

    далее...

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

    push - pull - slide - fade - scale

    далее...

Мой интерес к изучению бесплатной системы построения сайтов Joomla возник еще в 2012 году, когда я впервые задумался самостоятельно создать свой сайт и сэкономить при этом денежку. Основные знания по Joomla и Gantry5 получил из 2-х источников - сайт Виталия Куликова и сайт Александра Куртеева, которые занимаются  распостранением платных и бесплатных видеоуроков по этой теме.

На коммерческих шаблонах Rockettheme установлено около 10 модификаций частицы Image Grid - она присутствует на каждом шаблоне. Служит для вывода фотографий и изображений - и может иметь поля навигации при просмотре всего альбома картинок.

1 тип - галерея картинок имеет сдвиг колонн по вертикали, а при наведении на изображение подсвечивает надпись в оверлее (шаблоны Versla, Gemini)

Выбирая и копируя Particles for Gantry 5 - ту или иную готовую частицу, обращаем внимание на структуру файлов и папок. Сложные частицы обязательно состоят из 3-4 блоков, стили (размеры и цвет букв, фон частицы) прописываются в папке scss , переходы (реакция на передвижение курсора, нажатие и т.п.) могут быть осуществлены с помощью javascipt в папках html.twig или  js, также могут быть ссылки на код css - все это требует внимательности при переносе частиц на Ваш проект.

CSS  JS   PARTICLES  SCSS

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

Наверное, нет ни одного пользователя Ganrty5, который не вбивал бы в поисковую строку ЯНДЕКСА или ГУГЛА фразу - "Скачать бесплатно частицы для Gantry 5" или "Скачать частицы Gantry 5 торрент". К сожалению, все пути ведут на коммерческие сайты по продаже этих самых частиц. С этих сайтов Вам бесплатно предлагается скачать 18 частиц и 12 атомов. Все остальное - а это еще около 140 частиц можно  найти  в коммерческих шаблонах от  Rockettheme .

Gantry 5  - это новая, революционная система управления контентом,  созданная для облегчения работы веб-разработчиков сайтов. За счет великолепной интеграции может работать с популярными движками CMS - Joomla, WordPress и Grav. Gantry5 использует удобный графический интерфейс и функцию перетаскивания мышью, которые позволяют изменить макет вашего сайта за считанные секунды.

Как мы выяснили, частицы-исходники Gantry5 на коммерческих шаблонах от Rockettheme - это игра в лотерею. При переносе на шаблон, даже с учетом рекомендаций по структуре папок и файлов, Вам может не повезти, и частица не будет правильно работать или не будут правильно отображаться стили, задуманные разработчиком.  Чтобы избежать этого, выполним процедуру лечения частиц Gantry5 (только для продвинутых пользователей Gantry5)

Для создания новых секций воспользуемся шаблоном Antares - названия и стили возьмем готовые - Bottom, Extension, Fixedside, Showcase, Slideshow, Top, Overlay, Старые и новые секции (*) разместим в нужном для нас порядке 

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

Возможности модернизации бесплатных шаблонов (в т.ч. через папку custom) от разработчиков фреймворков T3, HELIX, ASTROID, WARP, YOOTHEME и GANTRY5 и их сравнение. 

Возможность отсутствует.
Возможность предусмотрена.
Реализовано так-себе. 
Реализовано неплохо. 
Реализовано относительно хорошо. 

 

После того, как Вы активируйте частицу-атом Uikit for Gantry5 на странице настроек вашего шаблона, Вы можете устанавливать скачанные бесплатные частицы-исходники (а их у нас накопилось аж 18 штук) - 13 получено с сайта joomlead.com + 5 частиц с сайта inspiretheme.com. Напомним, в вашей папке custom должны быть созданы папки css, js, particles, scss - в них мы будем складывать наши файлы в соответствии с назначением. Основные папки particles и scss

Анализ плагинов для Hikashop показал, что почти все  платежные плагины устроены одинаково и, как правило,  состоят всего из 2-х файлов. Структура файлов php довольна проста. Один файл содержит административную форму, требующую ввода ключа для авторизации (секретный код) и заполнения полей, необходимых для работоспособности плагина (в т.ч. банковские реквизиты), а другой  - осуществляет передачу данных  о заказе через платежный шлюз в необходимом формате и переход на форму платежной страницы.

ДАННЫЕ

данные о магазине (расч/счет и адрес)
данные о заказе (что - как - чем - куда отправить)
данные о способе оплаты (счет или банковская карта)

Документация по добавлению своего шрифта для вашего шаблона на Gantry 5 находится на сайте docs.gantry.org. Вроде все понятно, но на практике по внедрению стиля для частицы можно столкнуться  с трудностями.

Процедура добавления локальных шрифтов

Для использования своих шрифтов на шаблоне (например, на шаблоне Helium) Вам прежде всего надо найти и скачать понравившиеся шрифты. В документации на сайте docs.gantry.org  вам предлагается скачать шрифт bloody отсюда. 

Стандартное основное горизонтальное меню представлено на шаблонах Gantry5 довольно таки хорошо. Меню может сочетать в себе анимацию при наведении (fade, zoom, bounce), а также содержать иконки Icon и Image для наглядности. Возможна настройка ширины выпадающего списка (в px) и количества колонок в выпадающем списке (при этом должна соблюдаться кратность в px - например, стандартная ширина меню в шаблоне 180px (вкладка Layout шаблона Helium) 

Любой шаблон на Gantry 5 от Rockettheme можно модернизировать, улучшить. Не секрет, почти все ранние версии шаблонов - Antares, Acronym, Citadel, Ethereal, Flux, Galatea, Interstellar, Isotope, Notio, Protean, Remnant, Salient, Supra, Sienna, Versla, Xenon и др. - содержат те или иные ошибки. Конечно, Вы можете оформить платную подписку на эти шаблоны и регулярно получать обновления от разработчиков, не заморачиваясь - но этот путь не для меня. Во-первых, это дороговато - 49$, а во-вторых, вы получете только доспуп только к частицам одного шаблона, а их всего на коммерческом шаблоне около 30 штук.

1-ое место по популярности среди всех типов частиц Gantry5 занимают всевозможные слайдеры - ни один сайт не обходится без них. При этом смена изображений в модуле слайдера  может происходить как простое чередование галереи фотографий с opacity, так и с замысловатыми переходами, со спецэффектами. Обязательными аттрибутами являются кнопки перехода - так называемые sidenav (next/prev) и dots.

Внешне самая простая частица Gantry 5 - частица accordion. Есть несколько разновидностей этой частицы - от разных разработчиков. Рассмотрим их.Частица accordion от InspireTheme для Gantry5 предлагается на официальном сайте в 2-х вариантах: accordion-joomla.zip - за 59 euro и accordion-particle-1.2.0.zip - бесплатно. Скачать бесплатно можно здесь

В сентябре 2018 года команда разработчиков Joomlead выпустила новые обновленные Particles for Gantry5 (частицы для Гентри5), почти полностью заменив старую линейку Particles и Atoms. Теперь к бесплатному применению пользователю предлагаются некоторые частицы, которые раньше были в premium пакете. В новом бесплатном пакете всего предлается 26 частиц и атомов. 

План модернизации стилей на любом шаблоне Gantry5 под управлением Joomla3 может состоять из следующих пунктов:

Замена стилей кнопок навигации вперед - назад.
Замена размера кнопок в частицах Gantry5 и добавление новых цветов для кнопок.
Добавления нового базового цвета в сам шаблон.
Добавление спецэффектов для секции и кнопок.
Добавление новых стилей для текста, картинок и т.д.
Спецэффекты при размещении частицы в определенной секции или модуле

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