Страницы описания товаров — различия между версиями

Материал из Insales Wiki
Перейти к: навигация, поиск
(Страница "Работа со свойствами всех товаров")
(Страница "Работы с параметрами всех товаров")
Строка 172: Строка 172:
 
=Страница "Работы с параметрами всех товаров"=
 
=Страница "Работы с параметрами всех товаров"=
  
Эта страница может быть вызвана из страницы товара при редактировании информации в панели [[#Панель "Описание товара"|"Описание товара"]] по ссылке "Параметры всех товаров".
+
Эта страница может быть вызвана из страницы товара при редактировании информации в панели [[#Панель "Описание товара"|"Описание товара"]] по ссылке ''Параметры всех товаров''.
  
[[Изображение:Tovar_15b.png]]<br>'''Рис. 15. Работы с параметры всех товаров'''
+
[[Изображение:Tovar_15b.png]]<br>'''Рис. 15 "Работы с параметры всех товаров"'''
  
Левее заголовка страницы размещена кнопка возврата на страницу, с которой она была вызвана [<-] (Рис. 15. поз. 1.).  
+
Левее заголовка страницы размещена кнопка возврата на страницу, с которой она была вызвана [<-] ( Рис.15. поз.1 ).  
  
 
Страница содержит таблицу с одним названием параметра во второй колонке каждой строки и набором значений этого параметра в третьей колонке. Страница позволяет:
 
Страница содержит таблицу с одним названием параметра во второй колонке каждой строки и набором значений этого параметра в третьей колонке. Страница позволяет:
  
* изменять название параметров товаров,
+
* изменять название параметров товаров
* изменять значения параметров,
+
* изменять значения параметров
* изменять порядок параметров с помощью перетаскивания,
+
* изменять порядок параметров с помощью перетаскивания
 
* изменять порядок значений параметров с помощью перетаскивания.
 
* изменять порядок значений параметров с помощью перетаскивания.
  
Для переупорядочивания следует воспользоваться иконкой "+". Переупорядочивание строк таблицы производится перетаскиванием иконки "+" (Рис. 15. поз. 2.) в первом столбце таблицы вверх или вниз. Переупорядочивание значений параметра внутри строки производится перетаскиванием иконок в третьем столбце таблицы (Рис. 15. поз. 3.) в пределах ячейки, если значений этого параметра имеется более одного.
+
Для переупорядочивания следует воспользоваться иконкой "+". Переупорядочивание строк таблицы производится перетаскиванием иконки "+" ( Рис.15 поз.2 ) в первом столбце таблицы вверх или вниз. Переупорядочивание значений параметра внутри строки производится перетаскиванием иконок в третьем столбце таблицы ( Рис.15 поз.3 ) в пределах ячейки, если значений этого параметра имеется более одного.
  
Для изменения названий параметров и их значений следует воспользоваться иконкой "[аб]" (Рис. 15. поз. 4.) в конце нужной строки таблицы, Раскроется область редактирования (см. Рис. 16)
+
Для изменения названий параметров и их значений следует воспользоваться иконкой "[аб]" ( Рис.15 поз.4 ) в конце нужной строки таблицы раскроется область редактирования ( см. Рис.16 )
  
[[Изображение:Tovar_16b.png]]<br>'''Рис. 16. Область редактирования параметров товаров'''
+
[[Изображение:Tovar_16b.png]]<br>'''Рис. 16 "Область редактирования параметров товаров"'''
  
Область редактирования содержит одно поле ввода "Название параметра" (Рис. 16. поз. 1.) и таблицу из двух колонок "Значения параметра" (Рис. 16. поз. 2.) и "Пермалинк" (Рис. 16. поз. 3.). Каждая строка таблицы описывает одно значение параметра и содержит два поля ввода для редактирования значения параметра и пермалинка.
+
Область редактирования содержит одно поле ввода ''Название параметра'' ( Рис.16 поз.1 ) и таблицу из двух колонок "Значения параметра" ( Рис.16 поз.2 ) и "Пермалинк" ( Рис.16 поз.3 ). Каждая строка таблицы описывает одно значение параметра и содержит два поля ввода для редактирования значения параметра и пермалинка.
  
Редактирование заканчивается и область редактирования сворачивается в строку таблицы щелчком по кнопке "Сохранить" (Рис. 16. поз. 4.) или по ссылке "отменить" (Рис. 16. поз. 5.).
+
Редактирование заканчивается и область редактирования сворачивается в строку таблицы щелчком по кнопке ''Сохранить'' ( Рис.16 поз.4 ) или по ссылке ''отменить'' ( Рис.16 поз.5 ).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Tovar 3b.png
Рис. 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 ).

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

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

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

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

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

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

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

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

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

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

Появятся:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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