Версия 18:17, 25 сентября 2009

Страница добавления товара

Назначение страницы - создание и первичное заполнение страницы товара.

Рис. 1 "Страница добавления товара"

Страница может быть вызвана со страницы Управление товарами на складе или Управление товарами на витрине.

Слева от заголовка страницы имеется кнопка возврата ( Рис.1 поз.1 ). Кнопка возвращает на экран ту страницу, с которой была вызвана текущая. Страница содержит панель ввода текстовых данных Новый товар ( Рис.1 поз.2 ) и панель Изображение ( Рис.1 поз.3 ) для добавления изображений товара. Данные с каждой панели сохраняются в базе товаров независимо, по нажатию соответствующей кнопки.

Для создания товара в панели Новый товар необходимо заполнить два поля, помеченных красными звёздочками: "Название товара" и "Розничная цена". Остальные данные можно ввести позже, на странице товара, имеющей такие же органы управления и функции, более детальное описание которых приведено в описании страницы товара. Кнопка Сохранить панели Новый товар выводит на экран страницу созданного товара для дальнейшей работы. Ссылка отменить в заголовке панели Новый товар действует также, как и кнопка возврата в заголовке страницы - возвращает на экран ту страницу, с которой была вызвана текущая без сохранения результатов редактирования.

Страница товара

Общее описание страницы товара

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

Рис. 2 "Страница товара"

В заголовке страницы указано наименование просматриваемого товара, левее которого размещена кнопка возврата на страницу, с которой был вызван просмотр этого товара [<-] ( Рис.2 поз.1 ).

Ниже заголовка размещены четыре информационные панели:

• Панель "Описание товара" ( Рис.2 поз.2 )
• Панель "Изображения товара" ( Рис.2 поз.3 )
• Панель "Действия с товаром" ( Рис.2 поз.4 )
• Панель "Модификации товара" ( Рис.2 поз.5 )

Панель "Описание товара"

Панель предназначена для просмотра и редактирования:

• названия товара
• SEO параметров
• краткого описания
• полного описания

а также для добавления и удаления:

• параметров товара
• свойств товара.

Для редактирования информации в панели нужно использовать ссылку редактировать в правой части заголовка панели. При вызове редактирования панель принимает вид, показанный на Рис. 3 :

Рис. 3 "Редактирование описания товара"

При редактировании следует обязательно заполнить поле Название товара, оставлять его пустым нельзя.

Для редактирования SEO-параметров нужно щёлкнуть мыщкой по этой ссылке - откроются соответствующие поля ( Рис.3 поз. 1 ):

• "Название товара в URL"
• "Заголовок"
• "Мета-тег keywords"
• "Мета-тег description"

Информация этих полей используется поисковыми системами при поиске в интернете, её применение описано в статье "Продвижение интернет-магазина в поисковиках". При редактировании этих полей не следует применять символы "<" и ">".

Для редактирования краткого описания товара имеется поле для ввода текста ( Рис.3 поз.2 ),

Для редактирования полного описания товара есть окно HTML-редактора "TinyMCE" ( Рис.3 поз.3 ). Размер окна редактора можно изменять, перетаскивая "мышкой" его правый нижний угол.

Параметры товара и свойства товара не редактируются в этой панели. В случае необходимости, их можно удалить, используя иконку "(х)" ( Рис.3 поз.4 ) в правой части удаляемой строки и добавить новые строки, используя ссылку (+)Добавить ( Рис.3 поз.5 ), после чего в поля созданных строк ввести необходимую информацию. Для переупорядочивания параметров товара, изменения названия или значений параметра необходимо воспользоваться ссылкой "Параметры всех товаров" ( Рис.3 поз.6 ). Эта ссылка закрывает страницу товара, поэтому, прежде её применения следует нажать кнопку Сохранить ( Рис.3 поз.7 ) для сохранения результатов редактирования. Кнопка Сохранить и закрыть (Рис.3 поз.8 ), кроме сохранения изменений, возвращает на экран ту страницу бэк-офиса, откуда была вызвана страница товара. Для выхода из режима редактирования без сохранения результатов предназначена ссылка отменить в заголовке и внизу панели ( Рис.3 поз.9 ).

Панель "Изображения товара"

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

Рис. 4 "Изображения товара"

Для изменения порядка изображений в левом нижнем углу рамки каждого изображения имеется иконка "+" для перетаскивания изображения мышкой ( Рис.4. поз.1 ). Другие изображения будут автоматически сдвигаться, освобождая место нового размещения перетаскиваемого изображения. Первое по порядку изображение используется для показа товара на витрине магазина.

Для добавления к изображению описания или редактирования имеющегося служит кнопка [ab] в нижней части рамки изображения ( Рис.4 поз. 2 ). После её нажатия появляется всплывающее окно, показанное на Рис. 5.

Рис. 5 "Редактирование описания изображения"

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

Удалить имеющееся изображение можно, используя иконку "(x)" в правом нижнем углу рамки ненужного изображения (Рис.4 поз.3).

Для размещения нового изображения товара, файл с изображением следует иметь на диске своего компьютера. Далее нужно воспользоваться ссылкой Добавить изображения ( Рис.4 поз.4 ) в нижней части панели.

Рис. 6 "Добавление изображений товара"

Появятся:

• поле ввода "Изображение" ( Рис.6. поз.1 ) для указания пути к файлу на диске компьютера ( Рис.6 поз.2 );
• иконка (х) для отмены загрузки файла изображения ( Рис.6 поз.3 );
• поле ввода "Описание" изображения ( Рис.6 поз.4 );
• кнопка Сохранить изображение ( Рис.6 поз.5 );
• ссылка отменить ( Рис.6 поз.6 ).

После выбора файла с изображением и ввода описания можно выбрать ссылку Выбрать ещё одно изображение ( Рис.6 поз.7 ) и повторить операцию столько раз, сколько изображений товара Вы желаете загрузить. По завершении выбора изображений нужно нажать кнопку сохранить изображение. Файлы с изображениями загрузятся на сервер и изображения появится в панели.

Панель "Действия с товаром"

Рис. 7 "Действия с товаром"

Панель позволяет:

• создавать новый товар, подобный этому: ссылка Копировать товар вызывает всплывающее окно, в котором можно задать новое наименование товара ( см. Рис.8 ):

Рис. 8 "Копирование товара"

• управлять размещением товара на витрине: ссылка Изменить размещение вызывает всплывающее окно, в котором можно в структуре каталога витрины пометить все те (под)категории, в которых будет размещён данный товар ( см. Рис.9 ):

Рис. 9 "Управление размещением товара на витрине"

• управлять видимостью товара на витрине: выпадающий список Видимость на витрине позволяет выбрать значение "Выставлен" или "Скрыт";

• изменять размещение товара на складе: выпадающий список Размещен на складе позволяет выбрать любую из существующих (под)категорий склада;

• указывать сопутствующие товары: ссылка Добавить сопутствующий товар вызывает всплывающее окно Сопутствующие товары, в котором можно выбрать (под)категорию витрины и отметить в ней товары, указанные как сопутствующие данному ( см. Рис.10 ):

Рис. 10 "Сопутствующие товары"

В этом окне имеется возможность поиска товара и выбора нескольких или всех товаров в рамках одной (под)категории витрины. Кнопка Добавить дополняет помеченными товарами список сопутствующих товаров, ссылка Закрыть - закрывает всплывающее окно без дополнения списка.

Панель "Модификации товара"

Панель предназначена для:

• изменения значений артикула, цен и остатков существующих модификаций товара;
• добавления новых модификаций товара как выбором нового сочетания имеющихся значений свойств, так и созданием новых значений имеющихся свойств (новые свойства можно создавать по ссылке (+)Добавить ( Рис.3 поз.5 ) в панели "Описание товара" этой же страницы).
• перехода на страницу Работа со свойствами всех товаров для переупорядочивания и переименовывания свойств товаров и их значений.

Рис. 11 "Модификации товара"

Панель представляет собой таблицу со списком всех имеющихся модификаций данного товара. Над таблицей имеется заголовок Модификации товара, ниже заголовка размещён набор ссылок Отметить ( Рис.11 поз.1 ), позволяющий пометить товары в списке модификаций с определённым значением какого-либо свойства или просто все - для выполнения групповой операции. Пометить можно и выбранные вручную строки, используя чекбоксы в левой колонке таблицы ( Рис.11 поз.2 ). После пометки появится верхняя дополнительная строка таблицы с выпадающим списком Выберите действие ( Рис.11 поз.3 ), где можно помеченные модификации:

• удалить,
• продублировать с другим значением одного из свойств товара,
• изменить значения одной из цен или остатка.

Для ввода другого значения свойства откроется дополнительное поле ввода ( Рис.11 поз.4 ) и появится кнопка Сохранить.

Кроме этого, в панели существуют возможности отредактировать существующую модификацию товара используя иконки [аб] ( Рис.11. поз.5 ) или ссылку Добавить модификацию ( Рис.11. поз.6 ). В обоих случаях появится область для редактирования модификации ( см. Рис.12 ) в первом случае заполненная текущими значениями, во втором - пустая.

Рис. 12 "Редактирование (добавление) модификации"

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

Для переупорядочивания информации о свойствах товара необходимо воспользоваться ссылкой "Работа со свойствами всех товаров" ( Рис.11 поз.7 )

Страница "Работа со свойствами всех товаров"

Эта страница может быть вызвана из страницы товара из панели "Модификации товара" по ссылке Работа со свойствами всех товаров.

Страница предназначена для:

• переупорядочивания значений свойства
• редактирования названия свойств
• редактирования значений свойств.

Рис. 13 "Работа со свойствами всех товаров"

Вверху страницы имеется заголовок ( Рис.13 поз.1 ).

Левее заголовка страницы размещена кнопка возврата на страницу, с которой она была вызвана [<-] ( Рис.13 поз.2 ).

Ниже на странице размещена таблица из трёх колонок, каждая строка которой относится к одному свойству:

• в первой колонке название свойства ( Рис.13 поз.3 ),
• во второй колонке список значений этого свойства ( Рис.13. поз.4 ),
• в третьей колонке иконка [аб] для редактирования ( Рис.13. поз.5 ).

Во второй колонке таблицы значения свойств можно переупорядочивать. Для переупорядочивания следует воспользоваться иконкой "+" возле нужного значения свойства - её следует перетаскивать мышкой в пределах ячейки таблицы. Другие значения будут автоматически сдвигаться, освобождая место нового размещения перетаскиваемого значения.

Если щёлкнуть мышкой по иконке [аб], то строка таблицы развернётся в область для редактирования названия и значений свойства, содержащегося в этой строке.

Рис. 14 "Область редактирования названия и значений свойства"

Область состоит из полей ввода для названия свойства ( Рис.14 поз.1 ) и значений свойства ( Рис. 14 поз.2 ).

Редактирование заканчивается и область редактирования сворачивается в строку таблицы щелчком по кнопке Сохранить ( Рис.14. поз.3 ) или по ссылке отменить ( Рис.14 поз.4 ).

Страница "Работы с параметрами всех товаров"

Эта страница может быть вызвана из страницы товара при редактировании информации в панели "Описание товара" по ссылке Параметры всех товаров.

Рис. 15 "Работы с параметры всех товаров"

Левее заголовка страницы размещена кнопка возврата на страницу, с которой она была вызвана [<-] ( Рис.15. поз.1 ).

Страница содержит таблицу с одним названием параметра во второй колонке каждой строки и набором значений этого параметра в третьей колонке. Страница позволяет:

• изменять название параметров товаров
• изменять значения параметров
• изменять порядок параметров с помощью перетаскивания
• изменять порядок значений параметров с помощью перетаскивания.

Для переупорядочивания следует воспользоваться иконкой "+". Переупорядочивание строк таблицы производится перетаскиванием иконки "+" ( Рис.15 поз.2 ) в первом столбце таблицы вверх или вниз. Переупорядочивание значений параметра внутри строки производится перетаскиванием иконок в третьем столбце таблицы ( Рис.15 поз.3 ) в пределах ячейки, если значений этого параметра имеется более одного.

Для изменения названий параметров и их значений следует воспользоваться иконкой "[аб]" ( Рис.15 поз.4 ) в конце нужной строки таблицы раскроется область редактирования ( см. Рис.16 )

Рис. 16 "Область редактирования параметров товаров"

Область редактирования содержит одно поле ввода Название параметра ( Рис.16 поз.1 ) и таблицу из двух колонок "Значения параметра" ( Рис.16 поз.2 ) и "Пермалинк" ( Рис.16 поз.3 ). Каждая строка таблицы описывает одно значение параметра и содержит два поля ввода для редактирования значения параметра и пермалинка.

Редактирование заканчивается и область редактирования сворачивается в строку таблицы щелчком по кнопке Сохранить ( Рис.16 поз.4 ) или по ссылке отменить ( Рис.16 поз.5 ).