Вход / Регистрация

Создайте сайт прямо сейчас!

Зарегистрируйтесь по ссылкам и получите дополнительные бонусы при создании сайта



  • Персональный перечень способов заработка на сайте именно вашей тематики
  • Аудит юзабилити сайта бесплатно $20
  • Набор скриптов на сумму $40 для увеличения продаж
  • Аудит юзабилити интернет магазина бесплатно $60

Как получить бонусы?


Как только вы создадите сайт по одной из указанных ссылок, я увижу это в отчете партнерской программы:

После оплаты одного из пакетов, отправьте запрос на info@ucozmagazines.ru с указанием адреса созданного сайта.

Урок 58. Шаблон страницы служебных форм. Начало

Подготовка шаблона страницы служебных форм, которая отвечает за страницы оформления заказа, прайс-листа, управления заказами

Сергей    30.09.2014    6811    2.8 из 5.0 (4)

Оцените материал:

Цель урока

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

О шаблоне

Мы уже встречались с тем, что один шаблон может отвечать за несколько страниц сайта. Причем, эти страницы могут быть совершенно разного типа. Так и в случае с шаблоном служебных форм. Вот страницы, за которые он отвечает:

  • Страница оформления заказа - место где пользователь выбирает способы оплаты, доставки, указывает свои данные и подтверждает свой заказ. Путь от пользователя до покупателя практически завершается на этой странице (остается только получить оплату и доставить заказ). Страница доступна по адресу 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.

Не всегда это может быть так. Но упрощение страницы оформления заказа повлияет на конверсию, поэтому знать заранее невозможно и стоит как минимум попробовать.

Перед тем, как начать...

Тема шаблона служебных форм не поместится в один урок, так, чтобы затронуть все нюансы разработки ключевых страниц. Поэтому мы рассмотрим каждый из типов в отдельных уроках.

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

Упражнения

  1. Вспомните, что такое условные операторы и как ими пользоваться - http://ucozmagazines.ru/publ/urok_32_nastrojka_e_mail_uvedomlenij/1-1-0-32#h2t-4
  2. Протестируйте работу переменной $PAGE_ID$ - выведите разную информацию для страницы служебных форм, страницы прайс-листа и страницы управления заказами.
  3. Посмотрите возможности страницы управления заказами из урока 33 - http://ucozmagazines.ru/publ/urok_33_upravlenie_zakazami/1-1-0-33.


Оцените материал:


Расскажите друзьям и коллегам о полезной статье:

Обсуждение

Всего комментариев: 0

Урок 58. Шаблон страницы служебных форм. Начало
Урок 58. Шаблон страницы служебных форм. Начало