131. OptimizePress #4. Элементы (часть 1).

Полное руководство по созданию лендингов на OptimizePress

Элементы (часть 1)

  1. Обзор работы с элементами OptimizePress
  2. Как добавить элемент
  3. Как редактировать элемент
  4. Как клонировать элемент
  5. Как переносить элементы
  6. Как настроить элемент
  7. Как удалить элемент
  8. Как добавить заголовок (элемент «Заголовок»)
  9. Как добавить текст (элемент «Текстовый блок»)
  10. Как добавить список выгод (элемент «Список»)
  11. Как добавить Изображение (элемент «Изображение»)
  12. Как добавить видео (элемент «Видеоплеер»)
  13. Как добавить изображение при клике на которое всплывает окно с видео (элемент «Видео — Обложка & Лайтбокс»)
  14. Как добавить кнопку при клике на которую появляется видео на весь экран (элемент «Полноэкранный режим для видеоплеера»)
  15. Как добавить изображение с одной стороны и текст с другой (элемент «Текст с изображением »)
  16. Как добавить отступы между строками и над/под элементами (элемент «Вертикальный отступ»)
  17. Как добавить горизонтальные разделители (элемент «Разделитель» )
  18. Как добавить блоки с иконками и текстом для описания выгод, особенностей товара, перечисление спикеров и т.д. (элемент «Особенности товара/услуги»)

Разбор ошибок на мастер-классе:

В OptimizePress встроено 2 всплывающих окна. Одно для изображений (Fancybox), второе для элемента “Видео – Обложка & Лайтбокс” (попап окно с видео).

При использовании элемента “Изображения”, всплывают оба попап окна – и Fancybox и окно для видео. Чтобы второе окно не появлялось необходимо прописать в стилях следующий код:

div.pp_pic_holder {display: none !important;}
div.pp_overlay {display: none !important;}

Вставить этот код нужно в редакторе LiveEditor – “Настройки страницы” – “Другие скрипты” – Выбрать из списка “Ваш код CSS”.

Этот код деактивирует попап окно для элемента “Видео – Обложка & Лайтбокс”.

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

Приобрести видео запись данного урока и всех уроков этой серии можно здесь >>>

Поделиться со своими друзьями:
Оставьте ваш комментарий или вопрос