Готовые компоненты для Landing Page

Данное решение представляет собой набор из 20 готовых компонентов для размещения на посадочных страницах Landing Page:

В данном решении использованы наиболее востребованные технологии и готовые решения:

В состав решения входит мастер установки базовых шаблонов, необходимых для работы компонентов.

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

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

У каждого блока можно указать заголовок и подзаголовок, выбрать размер и толщину шрифта, расположение и выравнивание текста.

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

Для некоторых из компонентов возможно отображение в виде карусели или слайдера. Также, если используется модуль «Информационные блоки» и дополнительно «Торговый каталог», то для элементов, если это позволяет компонент, можно указать стоимость на основании свойства элемента или его стоимости в торговом каталоге

В настройках модуля Вы можете указать глобальные и индивидуальные настройки для сайтов. Указать, какие из дополнений для JQuery использовать, а какие нет, чтобы ускорить загрузку страниц, если функционал этих дополнений Вам не нужен. Для каждого сайта Вы можете выбрать уникальный шрифт из библиотеки Google Fonts, указать настройки визуального оформления для блоков, элементов и др. составляющих компонентов.

Для компонентов «Список товаров» и «Карточка товара» уникальным является наличие ярлыков. Возможно указать количество, цветовое решение, заголовок или вариант иконки из набора «Font Awesome». Для отображения необходимо указать свойство инфоблока, которое будет проверяться на наличие любого значения, кроме символа «N».

Описание компонентов

Возможно отображение логотипа, пунктов меню, контактной информации. Контактная информация включает в себя: телефон, e-mail, режим работы. Можно разместить компонент «Кнопка действия». Для фоно можно указать изображение или видео.

Отображает пункты выбранного меню. Можно закрепить при прокрутке страницы. Присутствуют заготовленные цвета оформления меню.

Является оберткой для стандартной навигационной цепочки с возможностью указания заголовка и подзаголовка.

Возможно отображение логотипа, нескольких меню, контактной информации. Контактная информация включает в себя: телефон, e-mail, ссылки на социальные сети, авторские права. Можно разместить компонент «Кнопка действия».

Блок информации с возможностью указания фонового изображения. Можно указать заголовок с подзаголовком, наложить полупрозрачный фон с уникальным цветом. Взаимодействует с компонентами «Кнопка действия» и «Обратный отсчет».

Блок информации с возможностью указания фонового видеоролика. Можно указать заголовок с подзаголовком, наложить полупрозрачный фон с уникальным цветом. Взаимодействует с компонентами «Кнопка действия» и «Обратный отсчет». Присутствует возможность разместить видеоролик из YouTube, указав всего лишь ссылку на видео.

Компонент позволяет разместить кнопку с уникальным внешним оформлением. Присутствуют заготовленные цвета оформления общего и внешнего стиля кнопки. Можно дополнительно разместить иконку из набора «Font Awesome», указать текст кнопки. Из возможных действий доступно: открытие ссылки, открытие видео (YouTube, Vimeo) с помощью fancyBox, интеграция с модулем «Простые формы», интеграция с формами Битрикс24.

Позволяет разместить иконки в виде файлов на сервере или же из наборов «Font Awesome». Для каждой иконки можно добавить текст описания и ссылку. Для варианта с иконками «Font Awesome» можно указать размер и цвет иконок.

Компонент отображает изображения из структуры сайта или подгружая из модуля «Медиабиблиотека» с использованием дополнения FancyBox, для которого можно указать настройки напрямую из настроек компонента. Для отображения доступны 4 вида шаблонов: плиткой, карусель изображений, слайдер, переключатели.

Компонент использует дополнение Countdown. В настройках компонента указывается дата для отсчета. Обратный отсчет отображается в виде блоков с числами и подписями. Можно указать цвет подложки и текста, какие из единиц времени отображать: года, недели, дни, часы, минуты, секунды, общее количество дней, общее количество часов, общее количество минут, общее количество секунд.

Компонент отображает числа с анимацией увеличения каждого. Можно указать количество чисел и описание к каждому из них.

Компонент взаимодействует с модулем «Информационные блоки». Основными столбцами являются нумерация, наименование и описание элемента. В роли дополнительных столбцов выступают свойства элементов с их значениями. Отдельным столбцом можно указать стоимость элемента. Можно выбрать оформление как таблицы, так и ячеек. Взаимодействует с компонентом «Кнопка действия».

Компонент отображает контактную информацию на фоне карты. Контактная информация включает в себя: телефон, e-mail, адрес, логотип и название организации. Доступны к использованию Яндекс.КонструкторКарт, достаточно просто вставить ссылку на скрипт карты из сервиса Яндекс.

Отображает заголовок и подзаголовок.

Отображает область, разделяющую блоки.

Компонент взаимодействует с модулем «Информационные блоки». Подгружает информацию о разделах в соответствии с заданными настройками компонента. Опционально использование сортировки и фильтрации элементов. Для отображения доступны 4 вида шаблонов: плиткой, переключатели, вкладки, аккордеон. Взаимодействует с компонентами «Кнопка действия», «Иллюстрация», «Таблица», «Список товаров».

Компонент взаимодействует с модулем «Информационные блоки». Подгружает информацию об элементах в соответствии с заданными настройками компонента. Опционально использование сортировки и фильтрации элементов. Для отображения доступны 5 видов шаблонов: плиткой, карусель, вкладки, аккордеон, переключатели. Взаимодействует с компонентом «Кнопка действия».

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

Компонент взаимодействует с модулем «Информационные блоки». Подгружает информацию об элементах в соответствии с заданными настройками компонента. Опционально использование сортировки и фильтрации элементов. Возможно отображение стоимости товара/услуги на основании свойства инфоблока или из торгового каталога. Для отображения доступны 2 вида шаблонов: плиткой, карусель. Взаимодействует с компонентами «Кнопка действия» и «Иллюстрация».

Компонент взаимодействует с модулем «Информационные блоки». Подгружает информацию об элементе в соответствии с заданными настройками компонента. Отображает название, изображения, описание и свойства элемента. Позволяет заменить информацию о странице (заголовок браузера, описание и ключевые слова) исходя из содержимого элемента, установить ошибку 404 в случае отсутствия или истечения срока действия элемента. Для изображений доступны настройки карусели изображений и дополнения FancyBox. Взаимодействует с компонентом «Кнопка действия».

Скриншоты

Стоимость покупки модуля составляет 2 000 руб.