Обновления lpgenerator: parallax-эффект, изображение на всю ширину, запрет редиректа на мобильную версию

Posted on by riasevastopol

Здравствуйте, глубокоуважаемые пользователи LPgenerator!

Отечественные разработчики подготовили для вас серию весьма вкусных обновлений, о которых мы торопимся поведать.

Параллакс эффект в визуальном редакторе LPgenerator

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

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

Посмотрите пример фона тут.

Сейчас подробнее о том как это делается:

Откройте страницу в визуальном редакторе LPgenerator:

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

2) Отметим, что секции употребляются для логического разделения информативных блоков лендинга. Чтобы добавить секцию кликните по инструменту «Секция страницы» на панели сверху:

3) Потом в особенностях секции справа выберите изображение из галереи в разделе «Фон»:

Обновления lpgenerator: parallax-эффект, изображение на всю ширину, запрет редиректа на мобильную версию

4) В открывшейся галерее выберите необходимое изображение для фона два раза кликнув по нему либо надавив кнопку «Выбрать»:

5) Чтобы изображение заполнило собой всю секцию, в ее особенностях поставьте галочку около пункта «Растянуть изображение»:

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

6) В случае если необходимо, дабы фоновое изображение не прокручивалось совместно со страницей, зафиксируйте его посредством свойства «Parallax эффект».

Для этого поставьте соответствующую галочку в особенностях секции справа:

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

На что направляться обратить внимание:

  • не рекомендуем применять новые свойства для секций, созданных посредством «Конструктора секций», так как может наблюдаться сдвиг ранее созданных элементов, что, но, возможно исправить вручную;
  • в случае если свойства для фона не сработали либо нарушили верстку страницы, попытайтесь убрать в особенностях страницы справа галочку Без горизонтальной прокрутки
  • нужно применять эти свойства лишь для новых страниц, поскольку увидено, что при применении результата на ранее созданных лендингах браузеры Гугл Chrome, Opera и Яндекс.Браузер (браузеры на подобных движках) смогут отображать страницу некорректно. Это происходит из-за изюминок их внутренней архитектуры, на которую мы, к сожалению, воздействовать не можем;
  • в случае если при работе появятся сложности, пишите по адресу support@lpgenerator.ru

Запрет редиректа (перенаправления) на мобильную версию целевой страницы

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

Дабы визитёров, открывших страницу с мобильных устройств, не перенаправляло на мобильную версию, укажите в конце ссылки на ваш лендинг параметр ?fullversion=1

Пример ссылки на лендинг без дополнительных меток (параметр прописывается по окончании слеш / и символа ?):

mysite.ru/?fullversion=1

Пример ссылки с метками (параметр дописывается в финиш ссылки, перед ним ставится символ ) :

mysite.ru/?ch=yafullversion=1

Обновление внешнего раздела одолжений

Сейчас выбрать и заказать дополнительные услуги Digital подразделения LPgenerator стало эргономичнее! Вы имеете возможность покинуть заявку на разработку посадочной страницы по личному дизайну либо же создания комплексного ответа “под ключ”, реализацию нестандартных элементов либо верстку страницы по собственному макету, и воспользоваться опытной настройкой рекламных кампаний.

На этом обзор последних обновлений закончен.
вопросы и Ваши предложения направляйте нам по адресу support@lpgenerator.ru

Высоких вам конверсий!

Максим Гуйван,
начальник отдела техподдержки LPgenerator

Случайные статьи:

Виджет \


Подборка похожих статей:

riasevastopol

More Posts