LandingPage на Gantry 5

Урок #1

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

Чтобы запустить видео, нажмите на картинку слева.

Урок #2

Исходные данные для начала работы над лендингом.

Интернет-магазины бесплатно раздаём здесь

Бесплатный курс по Gantry 5, если еще не видели

Урок #3

Первый шаг на пути к лендингу. Будьте внимательны при выборе типа пункта меню.

Универсальный вариант - Custom Page.

Для участников проекта - страничка продукта HikaShop.

Урок #4

Тотальная зачистка страницы!

Не ленитесь и не спешите, давайте понятные названия стилям.

Урок #5

Выводим логотип и верхнюю менюшку на частице Scroll To.

Ставим на логотип заглушку вместо ссылки на главную.

Здесь обзоры всех частиц и кнопка их заказа

Урок #6

Работа с частицей Main Features и размером шрифта в стилях.

Как и для чего использовать некоторые фишки на html.

Частицы из урока с кнопкой заказа тут

Урок #7

Один из семи заготовленных вариантов с выводом картинок товара на частице features.

Здесь обзоры всех частиц и кнопка их заказа

Урок #8

Оформляем ваше УТП при помощи той же частицы features, но с другим набором стилей.

Варианты подарков клиентам: комплект рецептов, бизнес-план, личная скайп-консультация, урок по использованию, скидка на следующую покупку.

Урок #9

Вывод кнопки заказа при помощи частицы CTA Button.

Создаём и хитро внедряем частицу на страницу.

Здесь обзоры всех частиц и кнопка их заказа

Урок #10

В премиум-шаблонах менять фоны для секций очень легко.

В бесплатном шаблоне Hydrogen настройте классы и придавайте их секциям и/или частицам.

Cайт из урока #1 Cайт из урока #2

Урок #11

Урок только для пользователей HikaShop!

Нестандартное внедрение ссылки на прямую покупку.

http://www.joomla-lab.ru/index.php?option=com_hikashop&ctrl=product&task=updatecart&qty=1&cid=12&Itemid=103

Урок #12

Используем частицу Accordion для реализации вопросов и ответов.

Давайте понятные названия пунктам аккордеона.

Здесь обзоры всех частиц и кнопка их заказа

Урок #3

Как показывает практика, форма обратной связи нужна.

Обязательно протестируйте работу формы после настройки.

Страничка модуля SimpleCallBack

Урок #14

Настройка блока с отзывами на частице FeedBack2.

Отзывы можно собирать, обменивая на подарки.

Здесь обзоры всех частиц и кнопка их заказа

Урок #15

По-большей части работа с универсальной частицей - Custom HTML, которая умеет всё.

Уроки по оформлению товара в HikaShop здесь

Урок #16

Всплывающее окно работает не только на LandingPage.

На обычных страницах его тоже можно использовать.

Скачать модуль из урока

Урок #17

Урок только для пользователей HikaShop.

Для всех остальных: Вы можете создать любой модуль (частицу тоже можно) и придать ему позицию из предыдущего урока.

Урок #18

Типовые элементы подвала сайта:
Контакты, Политика конфиденциальности, ОГРН, Название организации, Лого...

Типовую политику конфиденциальности можете посмотреть в подвале этой странички.

Урок #19

Модуль может быть в виде плашки в любой из 4-х сторон экрана либо в виде формы на страничке.

Протестируйте после настройки!

Скачать модуль из урока

Урок #20

Остались вопросы?
Напишите их в комментариях!

Понравился курс?
Поставьте, пожалуйста, лайк в своей социальное сети.

Забрать коллекцию частиц для Gantry 5

Bonus

Будет полезно всем.

Решается задача внедрения своих стилей на лендинг так, чтобы они не затрагивали основной сайт.

Забрать коллекцию частиц для Gantry 5