Oxygen - это одностраничный сайт (лендинг) с встроенным конструктором

Oxygen - это одностраничный сайт (лендинг) с встроенным конструктором

16 апреля 2015


Автор: Ожогов Николай
Решение содержит в себе не только красивейший дизайн с возможностью выбрать одну из десяти цветовых гамм (синяя, темно-серая, светло-зеленая, серия, оранжевая, фиолетовая, красная, зеленая, желтая, светло-синяя), но и удобный конструктор, который позволяет редактировать/удалять/менять местами любой из 16 блоков.

Блок представляет собой элемент дизайна, который настраивается индивидуально.

Фото 1: «2.png»

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

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

Фото 2: «4.png»

При редактировании элементов инфоблока вы встретите поля "код картинки" - это специальные "font icons", которые можно найти здесь. Выбор очень большой.

Блоки:

1. Главный слайд (блок).
Есть возможность выбрать один из трех вариантов дизайна:

1.1 Статическое изображение (Image) путь к картинке: /local/templates/oo.main/images/1.jpg

1.2 Слайдер изображений (ImageSlider) пути к картинкам 3 слайдов:
/local/templates/oo.main/images/slide1.jpg
/local/templates/oo.main/images/slide2.jpg
/local/templates/oo.main/images/slide3.jpg

1.3 Анимированное иображение (Animated) путь к картинке: /local/templates/oo.main/images/animate.jpg

Кнопка "Подробнее" указывает на следующий по порядку блок.

2. О сайте
Элементы размещенные в блоке хранятся в одноименном инфоблоке.

3. Услуги
Элементы размещенные в блоке хранятся в одноименном инфоблоке.

4. Преимущества
Элементы размещенные в блоке хранятся в одноименном инфоблоке.

5. Текстовый блок
Представляет собой статический текст.

6. Текстовый слайдер
Элементы размещенные в блоке хранятся в одноименном инфоблоке.

7. Отзывы
Элементы размещенные в блоке хранятся в одноименном инфоблоке.

8. Раскрываемый список
Элементы размещенные в блоке хранятся в одноименном инфоблоке.

9. Галерея
Элементы размещенные в блоке хранятся в одноименном инфоблоке.

10. Счетчики
Элементы размещенные в блоке хранятся в одноименном инфоблоке.

11. Тарифы
Элементы размещенные в блоке хранятся в одноименном инфоблоке.

12. YouTube видео
Вставьте код видео в специальное поле

13. Карта
Сгенерировать код можно на этой
Вставьте код в специальное поле

14. Форма обратной связи
Используются стандартное почтовое событие FEEDBACK_FORM

15. Кнопки соц. сетей
Элементы размещенные в блоке хранятся в одноименном инфоблоке.

16. Нижняя часть (footer)

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

Инфоблоки определяются по символьному коду, а не по ID, поэтому не рекомендуется менять символьный код. Если инфоблок не будет найден, то блок (часть дизайна) будет показана, но контент показан не будет.