Моя корзина
Корзина пока пуста
Решений в корзине: 0
на сумму 0 руб.

Landing Page и широкая страница

Landing Page и широкая страница
Рейтинг: 0 (голосов: 1)
Код:  
landing_amp_widepage

Версия:  
1.0

Минимальная версия Amiro.CMS:  
7.0.2
Разработчик:  
Дизайн-студия FRaIa

Онлайн демо:  


1,000 руб.

Версия вашей CMS меньше требуемой плагином.
Установить Обновить Открыть Настроить

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

В шаблоне 2 страницы:

  1. главная страница (Landing_Page) - продающая страница (лендинг пейдж), которая позволяет привлечь внимание посетителя к 1 товару или услуге, которые Вы хотите продвинуть с её помощью;
  2. вторая страница (Wide_Page) предназначена для размещения дополнительной информации.

Для некоторых блоков обеих страниц шаблона добавлен эффект параллакса. Для всех блоков используется анимация контента.

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

Структура главной страницы

На главной странице имеется 11 блоков:

  1. Заголовок: в этом блоке находятся название сайта, слоган компании и кнопка «Оформить заказ» (о редактировании кнопки рассказывается в п. 4). Для фона блока используется эффект параллакса.
  2. Меню: блок предназначен для размещения главного меню, рекомендуем не переносить главное меню в другие блоки.
  3. Блок – 3: размещён демо-текст «О шаблоне». Для фона блока используется эффект параллакса.
  4. Блок – 4: размещён демо-контент с изображением товара, телефонами и кнопкой «Информация о стоимости» (если Вы хотите сохранить кнопку, не удаляйте её при добавлении своего контента, просто измените ссылку и отображаемый на ней текст, выделив текст кнопки и нажав на кнопку визуального редактора «Добавить/изменить ссылку»). Для фона блока используется эффект параллакса.
  5. Подвал (футер): в нём размещены верхнее и нижнее меню, контактная информация, ссылки и гугл карта. Чтобы задать свои параметры для гугл карты, зайдите в https://www.google.ru/maps/ , задайте нужные Вам параметры поиска и нажмите на кнопку «Поиск». Затем нажмите на «Поделиться», в открывшемся окошке выберите «Код». Скопируйте выделенный синим код. Вставьте этот код через HTML-редактор вместо имеющегося (будьте предельно внимательны, чтобы не удалить лишнее!), измените параметры кода для width и height на width="300" height="150".
  6. Блок – 6: размещён демо-текст «Информация о движке сайта».
  7. Блок – 7: содержит кнопку «Заказать дизайн» (как изменить ссылку и текст кнопки, см. в пункте 4). При желании, вместо кнопки можно разместить изображение.
  8. Блок – 8: размещён демо-контент «Доставка».
  9. Блок – 9: демо контент «Стоимость доставки».
  10. Блок – 10: демо-контент «Способ оплаты».
  11. Текст: в этом блоке размещается основной контент страницы, который при импорте дизайна сохраняется, т.е. после импорта дизайна основной текст Вашей главной страницы (и других страниц, созданных с использованием с макета «Главная страница») появится именно в этом блоке.

Структура внутренней страницы

На внутренней широкой странице 4 блока:

  1. Меню.
  2. Блок – 4, содержание которого совпадает с содержанием Блока – 4 на главной странице. Для фона блока используется эффект параллакса.
  3. Подвал.
  4. Текст.

Внимание! Прежде чем Вы импортируете дизайн, обязательно сделайте резервную копию (архив) сайта , включив в неё все предлагаемые к выбору пункты, чтобы, при необходимости, восстановить прежний вид и содержимое сайта. Чтобы не утерять содержимое всех блоков Ваших страниц, при импорте дизайна выберите для замены макеты, которые Вы не используете на своём сайте. Если таковых нет, то создайте новые, чтобы заменить именно их.

Персонализация дизайна

Чтобы заменить большие фоновые изображения в блоках с эффектом параллакса:

  • создайте собственные изображения с названиями fon1.jpg, fon2.jpg и fon3.jpg (с расширением .jpg);
  • через Панель управления сайта зайдите в папку «Главная папка : Разные Картинки»;
  • и загрузите свои изображения, поставив галочку в строке «Перезаписывать существующие на сервере изображения»;
  • после чего обновите просматриваемую страницу сайта в браузере, например, главную страницу.

Чтобы заменить логотип на свой:

  • создайте собственное png-изображение с названием logo.png;
  • через Панель управления сайта зайдите в папку «Главная папка : Разные Картинки»;
  • загрузите своё изображение, поставив галочку в строке «Перезаписывать существующие на сервере изображения»;
  • после чего обновите просматриваемую страницу сайта в браузере, например, главную страницу.

Другие решения группы "Дизайны"
Landing Page и широкая страница
1,000 руб. Установлен
Установка Установить Обновить Открыть Настроить
Бизнес-демо 0000-006
Бесплатный Установлен
Установка Установить Обновить Открыть Настроить
Минимаркет-демо 0000-004
Бесплатный Установлен
Установка Установить Обновить Открыть Настроить
Визитка-демо 0000-001
Бесплатный Установлен
Установка Установить Обновить Открыть Настроить
Интернет-магазин 0050-001
Бесплатный Установлен
Установка Установить Обновить Открыть Настроить
Интернет-магазин 0050-002
Бесплатный Установлен
Установка Установить Обновить Открыть Настроить
Интернет-магазин 0050-003
Бесплатный Установлен
Установка Установить Обновить Открыть Настроить
Интернет-магазин 0050-004
Бесплатный Установлен
Установка Установить Обновить Открыть Настроить
Интернет-магазин 0051-001
Бесплатный Установлен
Установка Установить Обновить Открыть Настроить
Интернет-магазин 0051-002
Бесплатный Установлен
Установка Установить Обновить Открыть Настроить
Интернет-магазин 0051-003
Бесплатный Установлен
Установка Установить Обновить Открыть Настроить
Интернет-магазин 0051-004
Бесплатный Установлен
Установка Установить Обновить Открыть Настроить
Интернет-магазин 0052-001
Бесплатный Установлен
Установка Установить Обновить Открыть Настроить
Интернет-магазин 0052-002
Бесплатный Установлен
Установка Установить Обновить Открыть Настроить
Интернет-магазин 0052-003
Бесплатный Установлен
Установка Установить Обновить Открыть Настроить
Интернет-магазин 0052-004
Бесплатный Установлен
Установка Установить Обновить Открыть Настроить
Ваш комментарий