Список товаров

Справа на странице “Управление товарами на витрине” отображается список товаров (Позиция 2, Рис. №1) той категории, которая выбрана в структуре каталога в левой панели (она помечена голубым фоном). В списке отображаются только товары, непосредственно относящиеся к выбранной (под)категории, а не к ее внутренним подкатегориям.


Рисунок №3. Список товаров

В заголовке списка товаров указано месторасположение выведенных товаров в структуре (под)категорий витрины магазина (Позиция 1, Рис. 3). Ниже нее находится строка с 2-мя ссылками: первая “Все параметры товаров” открывает страницу “Работа с параметрами всех товаров”, а вторая “Параметры товаров” выведет выпадающий список параметров товаров, размещенных в данной (под)категории (Позиция 2, Рис. №2).


Рисунок № 4. Список с параметрами товаров

В списке параметров товаров находятся строки с названиями всех имеющихся у товаров параметров (Позиция 1, Рис. №4) и перечислениями их значений (Позиция 2, Рис. №4). Нажав на одно из значений параметра, можно вывести список товаров с такими значениями.

Ниже находятся еще две ссылки: первая “Разместить товар” откроет окно “Добавление товаров в текущую категорию”, а вторая “Добавить новый” переадресует на страницу соответствующего содержания “Добавление нового товара” (аналогичная ей ссылка находится под списком всех отображенных товаров) (Позиция 3, Рис. №3).

Справа верхней панели страницы расположено окно поиска товаров (Позиция 4, Рис. №3). Поиск товаров выполняется только в выделенной (под)категории. В текстовое поле поискового запроса можно ввести полное название товара или же только его часть без учета регистра букв (поиск регистронезависим). Результатом выполнения операции поиска будет вывод списка. Если поиск был осуществлен с пустым поисковым текстовым полем, то будет выведен список всех товаров выбранной (под)категории.

Ниже панели с окошком поиска товаров находится строчка управления длиной видимой части списка и его листанием (аналогичная ей строка находится и под списком всех видимых на странице товаров) (Позиция 5, Рис. №3). Кнопка “Сохранить цены”, расположенная справа в этой строке, предназначена для сохранения новых введенных значений цен.

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

1. В первом столбце находятся чекбоксы (Позиция 6, Рис. №3). С помощью чекбоксов можно выделить товары, с которыми планируется выполнить какие-либо групповые операции. Пометить товар можно кликом мышки по чекбоксу, после чего в нем появляется галочка, а фон строки товара меняет свой цвет на желтый. Отменить выделение можно повторным нажатием на чекбокс. Чтобы выделить все отображенные на странице товары можно воспользоваться специальным чекбоксом, который находится в заголовке данного столбца. Первый клик по нему выполняет выделение всех товаров, а второй – отменяет все выделения. Следует отметить, что специальный чекбокс может выделить только товары, отображаемые на данной странице.
2. Во втором столбце находится маленькое изображение товара (Позиция 7, Рис. №3). Оно получено путем изменения наибольшей стороны первого взятого со страницы товара изображения до 48 px при сохранении его пропорций.
3. Третий столбец указывает артикулы товаров, а также наличие модификаций (присутствие зеленого треугольника). Нажав на изображение треугольника можно увидеть все модификации конкретного товара, которые выводятся в новообразованных дополнительных строках (Позиция 14, Рис. №3). Чтобы скрыть отображение модификаций, достаточно повторно нажать на значок треугольника.
4. В четвертом столбце отображаются наименования товаров, клик по которым переадресует на страницу данного товара (Позиция 9, Рис. №3). Временно скрытые с сайта магазина товары имеют серый цвет названий.
5. В пятом столбце отображены параметры товаров (Позиция 10, Рис. №3).
6. В шестом и седьмом столбцах (Позиции 11 и 12, Рис. №3) показаны соответственно розничные и старые цены товаров. Эти значения можно редактировать, но чтобы внесенные изменения сохранились, необходимо нажать кнопку “Сохранить цены”, отображаемую внизу и вверху списка товаров.

Содержание:

Часть 1 — Краткое описание страницы
Часть 2 — Список товаров
Часть 3 — Операции с группами товаров
Часть 4 — Всплывающие окна страницы