Урок 58. Шаблон страницы служебных форм. Начало
Подготовка шаблона страницы служебных форм, которая отвечает за страницы оформления заказа, прайс-листа, управления заказами
- Уроки
- Создание интернет магазина
- Управление дизайном
- Урок 58. Шаблон страницы служебных форм. Начало
Цель урока
Подготовить шаблон служебных форм для разработки страницы оформления заказа, прайс-листа и управления заказами.
О шаблоне
Мы уже встречались с тем, что один шаблон может отвечать за несколько страниц сайта. Причем, эти страницы могут быть совершенно разного типа. Так и в случае с шаблоном служебных форм. Вот страницы, за которые он отвечает:
- Страница оформления заказа - место где пользователь выбирает способы оплаты, доставки, указывает свои данные и подтверждает свой заказ. Путь от пользователя до покупателя практически завершается на этой странице (остается только получить оплату и доставить заказ). Страница доступна по адресу
http://example.com/shop/checkout
; - Страница прайс листа, на которой представлен перечень товаров с возможностью быстрого и массового добавления в корзину. Страница доступна по адресу
http://example.com/shop/price
. Используется не везде, обычно при широком ассортименте и недорогих товарах; - Страница управления заказами. Как с ней работать, мы рассматривали на уроке 33. Страница доступна по адресу
http://example.com/shop/invoices
.
Что за собой влечет подобное устройство шаблона? Усложнение. Нам придется воспользоваться условными операторами, чтобы для каждого типа страниц показать свое содержимое.
Структура
Как это реализовать? С помощью переменной $PAGE_ID$
, которая в зависимости от типа страницы принимает значение checkout
, price
или invoices
.
Казалось бы, разумно сделать следующим образом:
<if $PAGE_ID$='checkout'?> Шаблон страницы оформления заказа <?endif?> <if $PAGE_ID$='price'?> Шаблон страницы прайс-листа <?endif?> <if $PAGE_ID$='invoices'?> Шаблон страницы управления заказами <?endif?>
Но, к сожалению это не сработает по той причине, что $BODY$
нельзя размещать на одной странице несколько раз. Поэтому дело усложняется:
<if $PAGE_ID$='checkout'?> Шапка страницы оформления заказа <?endif?> <if $PAGE_ID$='price'?> Шапка страницы прайс-листа <?endif?> <if $PAGE_ID$='invoices'?> Шапка страницы управления заказами <?endif?> ... $BODY$ ... <if $PAGE_ID$='checkout'?> Подвал страницы оформления заказа <?endif?> <if $PAGE_ID$='price'?> Подвал страницы прайс-листа <?endif?> <if $PAGE_ID$='invoices'?> Подвал страницы управления заказами <?endif?>
Вы резонно можете заметить, что нет необходимости делать уникальную шапку для каждой из страниц. Но это не всегда так. Вот почему:
- Для страницы оформления заказа рекомендуется значительно упрощать шапку, подвал и сайдбар, вплоть до их полного исключения. Дабы не позволить посетителям отвлекаться на посторонние элементы;
- Допускается упрощать глобальные блоки для прайс листа или вовсе, оформлять его в виде прайса Excel.
Не всегда это может быть так. Но упрощение страницы оформления заказа повлияет на конверсию, поэтому знать заранее невозможно и стоит как минимум попробовать.
Перед тем, как начать...
Тема шаблона служебных форм не поместится в один урок, так, чтобы затронуть все нюансы разработки ключевых страниц. Поэтому мы рассмотрим каждый из типов в отдельных уроках.
Этот урок вводный и на этом он заканчивается. Чтобы быть готовым к следующим занятиям, повторите темы, которые приведены в упражнениях.
Упражнения
- Вспомните, что такое условные операторы и как ими пользоваться - http://ucozmagazines.ru/publ/urok_32_nastrojka_e_mail_uvedomlenij/1-1-0-32#h2t-4
- Протестируйте работу переменной
$PAGE_ID$
- выведите разную информацию для страницы служебных форм, страницы прайс-листа и страницы управления заказами. - Посмотрите возможности страницы управления заказами из урока 33 - http://ucozmagazines.ru/publ/urok_33_upravlenie_zakazami/1-1-0-33.
Обсуждение
Всего комментариев: 0