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

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

Ссылка на решение
Ссылка на онлайн-демо

1.png,

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

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

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

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. Карта
  Сгенерировать код можно на этой странице https://tech.yandex.ru/maps/tools/constructor/
  Вставьте код в специальное поле

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

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

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

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

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

Ссылка на решение
Ссылка на онлайн-демо
0
Пользователь
12.08.2015 10:16:54
0
Пользователь
02.11.2016 21:20:07
Купить  самые лучшие цены у нас!