С чем вам помочь?

Задавайте вопрос или опишите проблему, с которой Вы столкнулись

Добавление нового шаблона страниц для модуля "Landing Page"

Актуально для версии магазина: 4.1, 4.0

Прежде чем приступать к созданию собственного шаблона посадочной страницы - ознакомьтесь с инструкцией по настройке модуля "Landing Page"

Для создания нового шаблона можно воспользоваться одним из стандартных шаблонов. Скачать их можно по ссылкам:

Main  – основной шаблон,

Пустой – пустой шаблон только с формой для заявки.

 

 Пример разработки нового шаблона.

Создадим копию шаблона Main. Назовем его FirstTemplate.

Содержимое папки будет выглядеть следующим образом:

Здесь в папке css хранятся файлы стилей для нашего шаблона.

В папке fonts – используемые шрифты.

В папке js – javascript-файлы, в том числе и jquery-плагины которые будут использоваться на странице.

Файлы с расширением .tpl – текстовые файлы, содержащие код html разных блоков для нашего шаблона. Сортироваться блоки будут в порядке имен файлов. По этому рекомендуется называть файлы XX_Название Блока.tpl

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

Файлы MasterPage.master и MasterPage.master.cs – описывают мастер страницу шаблона.

 

Порядок действий:

  1. Добавим свой файл стилей, которые будут использоваться на нашей странице в папку css. Назовем его, например, FirstTemplate.css
  2. Если необходимо подключить какой-то jquery-плагин или добавить какой-либо скрипт, добавим его в папку js.
  3. Отредактируем файл MasterPage.master
    • А. Заменим в путях подключаемых файлов Main на название нашего шаблона (FirstTemplate)

    • Б. Подключим наш css-файл следующим образом:

    • В. При необходимости подключим новый js-файл:

    • Г. Если необходимо создать на странице общий контейнер, в котором будут расположены блоки, то его необходимо размещать вокруг контрола asp:ContentPlaceHolder. Внутрь него будут встраиваться блоки.

  4. Теперь составим блоки, из которых будет состоять шаблон страницы. Например:


    Оставим стандартные блоки Счетчики посещаемости и Спасибо.
    Добавим свои блоки – Шапка и Товар.
    Разместим в этих блоках необходимую HTLM верстку.
    Далее необходимо реализовать отправку данных с формы. Это происходит в файле js/app.js
    Либо, чтобы отправка происходила автоматически, нужно прописать для блока с формой заявки атрибут data-valid="form"


  5. Изображения используемые на странице загрузим в папку userfiles\image\Название_Вашего_Шаблона
  6. Добавим наш шаблон в папку Templates модуля LandingPage (~\modules\landingpage\templates)
    Для владельцев лицензий это можно сделать по FTP. Для арендованных магазинов - пришлите архив с шаблоном в тех. поддержку.

Теперь можно создать страницу на основе нового шаблона.

Готово.

 

Смотрите так же:

Инструкция по настройке модуля "Landing Page"

Открыть онлайн чат? Открыть
Статья оказалась полезной? Да Нет
Как мы можем улучшить статью?
Благодарим за отзыв.
Благодарим за отзыв. Мы улучшим эту статью.
Произошла ошибка.
Не нашли нужную статью? Предложить тему
Не нашли нужную статью?
Благодарим за отзыв.
Произошла ошибка.

Модули

Модуль "Обратный звонок" Модуль "LANDING PAGE" Модуль "Дополнительные вкладки в карточке товара" Модуль "E-Trade (PriceList Importer + Content Creator)" Добавление нового шаблона страниц для модуля "Landing Page" Модуль "Всплывающее окно на главной странице" Модуль "Мой склад" Модуль "Ritm-Z" Модуль "UniSender" Настройка модуля "Успей купить" Модуль "QR код на странице товара" Модуль "Покупка на Яндекс.Маркете" Модуль "СМС-Информирование" Настройка модуля "Яндекс.Метрика" Модуль "Водяные знаки" Модуль "Отзывы о магазине" CMC информирование через сервис Unisender.com Настройка модуля "Импорт каталога Поставщика счастья" Модуль "Снег" Модуль “Нашли дешевле” Модуль "Поиск фотографий товара" Модуль “Баннер в корзине” Модуль “Калькулятор Доставки/Оплаты” Модуль “Всплывающая корзина” Модуль "Система лояльности Active-Client", Страница "Поучить бонусную карту" Модуль "Блог / Статьи" Модуль "Retail Rocket" Модуль "Rees46 - Персональные рекомендации товаров" Модуль "Купи Еще" Модуль "Комплекты товаров" Модуль "Журнал" Модуль "Комментарии Disqus" Настройка всплывающего окна 18+ Модуль "AdWords Remarketing" Настройка страниц "Landing Page" (AdvantShop 5.0) Настройка модуля "Convead" Модуль "JivoSite" Настройка модуля "Реселлеры" Модуль "Comerando" Настройка модуля "Поиск фотографий товара" Модуль "Партнерская программа - Post Affiliate Pro" Модуль "Брошенные корзины" Модуль "Zakupi.net" Модуль "Быстрый заказ из корзины" Настройка модуля "Импорт товаров из YML-файла" Модуль "Система лояльности Active-Client", инструкция по подключению Модуль "Система лояльности Active-Client" (видео)
© AdvantShop. Платформа для открытия интернет-магазина.