Инструменты пользователя


Каталог

Модуль каталог, позволяет размещать на сайте каталог товаров, с возможностью указания дополнительных параметров товаров, добавления нескольких изображений товара, описаний товаров и прочее. Также товары могут быть разбиты по категориям и группам. При этом также можно задать товарам специальные группирующие поля (например Производитель) и выполнять категоризацию по двум и более структурам. Фактически модуль каталог явно разделяется на две структуры:

  • Структура каталога в административной части - реальная структура каталога, благодаря которой осуществляется управление каталогом товаров в административном разделе, при обработке заказов и поиске товаров в каталоге на сайте со стороны административного раздела. Данная структура обуславливает формирование адресов страниц товаров, категорий товаров, состав полей товара и прочие служебные функции;
  • Структура каталога в пользовательской части - представляет собой отображение структуры каталога из административной части в пользовательской части сайта. При этом структура каталога в пользовательской части сайта может отличаться представлением, навигацией и различным отображением, однако в целом она будет повторять структуру каталога из административной части.

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

На рисунке 1 представлен пример стандартной страницы каталога при использовании стандартной структуры каталога2):

Рисунок 1. Пример страницы каталога

В данном примере отображены следующие элементы:

  1. Главное меню сайта, с выбранным пунктом «Каталог»;
  2. Навигационная цепочка («хлебные крошки») содержащая информацию о текущем разделе, в котором находится пользователь;
  3. В левой колонке сайта расположены два блока:
    1. Меню каталога товаров - отображает категории товаров нулевого уровня;
    2. Форма поиска по каталогу - форма для выполнения параметрического поиска по каталогу, позволяет указать параметры товаров, которые необходимо отобразить, в нашем случае: категория товара, диапазон цен, ключевое слово;
  4. В правой колонке сайта располагается список категорий каталога, оформленный в виде плитки;

При этом если перейти например в первую категорию3), будет отображена страница вывода категории:

Рисунок 2. Пример страницы категории каталога

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

Рисунок 3. Пример страницы вывода товаров

В данном примере на странице присутствуют следующие новые элементы:

  1. Фильтр вывода товаров - форма, позволяющая отфильтровать отображаемые в данной категории товары. Например в нашем случае можно отфильтровать товары из текущей категории по цене и параметру «Новинка».
  2. Выпадающий список выбора направления сортировки - элемент управления, позволяющий изменить порядок вывода товар в списке;
  3. Постраничная навигация - элемент управления, позволяющий переключать отображаемую страницу товаров, например если товаров очень много, рекомендуется их отображать по 10-15 штук, таким образом, чтобы пользователю легко было воспринимать информацию.

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

Каталог описанного вида представляет собой самый простой образец древовидного каталога, т.е. каталога соответствующего следующему виду:

  • Категория 1
    • Подкатегория 1
      • Подподкатегория 1
        • Товар 1
        • Товар 2
    • Подкатегория 2
    • Товар в категории 1
  • Категория 2
  • Категория 3

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

  • Мужская одежда
    • Брюки
      • Брюки 1
      • Брюки 2
    • Рубашки
  • Женская одежда
    • Брюки
    • Юбки
  • Детская одежда
    • Ползунки

Или для запчастей:

  • Ауди
    • Ауди А100
      • Двигатель
      • Кузов
      • Интерьер
    • Ауди ТТ
      • Двигатель
      • Колёса
  • BMW
    • M3
      • Двигатель

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

Управление каталогом

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

В данном разделе приводится информация по основным моментам связанным с управлением каталогом, а именно:

Для того, чтобы перейти к управлению каталогом необходимо:

  1. В панели ресурсов найти ресурс названием «Каталог»4);

Для простоты знакомства с управлением каталогом описание функций разбито на два больших раздела:

  1. Управление категориями
  2. Управление товарами

Управление категориями

Добавление категории

Для того, чтобы добавить категорию товаров, необходимо:

  1. Найти в панели ресурсов ресурс «Каталог» ;
  2. Выполнить щелчок правой кнопкой мыши по ресурсу, чтобы открыть контекстное меню;
  3. Выбрать в контекстном меню пункт ;
  4. В подменю выбрать пункт ;
  5. В основной области панели управления откроется панель редактирования ресурса
  6. В панели редактирования ресурса в поле Шаблон необходимо выбрать шаблон «Категория каталога»5);
  7. В панели редактирования ресурсов необходимо заполнить поля ресурса по следующему принципу:
    1. Заголовок - будет использован в качестве названия категории в списках категорий6);
    2. Расширенный заголовок - будет использован в качестве подробного заголовка категории при просмотре страницы категории7);
    3. Описание - краткое описание категории при выводе категории в списке категорий8);
    4. Псевдоним - адрес страницы для отображения категории, создаётся автоматически, можно заполнить в случае необходимости.
      Внимание! Мы рекомендуем при заполнении давать краткое уникальное название страницы используя только латинские символы, например: man-cloth или mujskaia-odejda;
    5. Опубликован - установите флажок, если вы хотите, чтобы категория была сразу опубликована на сайте;
    6. Содержимое ресурса - в данном поле необходимо заполнить полный текст описания категории. При этом можно использовать представленный в форме текстовый редактор;
  8. На второй вкладке необходимо выполнить дополнительные настройки ресурса
  9. Дополнительные настройки выполняются в соответствии со следующим принципом:
    1. Дата публикации - можно указать дату, когда категория должна быть опубликована, работает, если флаг Опубликован не был установлен;
    2. Опубликован (дата) - можно указать дату, когда категория была опубликована, при этом флаг Опубликован будет установлен автоматически;
    3. Дата отмены публикации - можно указать дату, когда категория должна быть снята с публикации. При наступлении этой даты, категория станет автоматически не доступна к просмотру в пользовательской части сайта;
    4. Контейнер - необходимо установить флаг, для отметки ресурса контейнером, что позволит системе понимать, что в нём могут находится другие ресурсы9);
    5. С остальными полями более подробно можно ознакомиться на странице управление страницами.
  10. На вкладке «Дополнительные поля» представлен интерфейс редактирования дополнительных полей ресурса категории каталога. Список полей может различаться в зависимости от вашего сайта. По умолчанию в данной вкладке представлены следующие категории дополнительных полей:
    1. Meta - категория дополнительных полей, в которой находятся поля для указания мета-данных страницы. Таких как Title, Keywords, Description. Данные поля могут использоваться для задания заголовка страницы, её ключевых слов и описания. Часто данные поля используются для поисковой оптимизации сайта;
    2. Страница - категория дополнительных полей, в которой находятся поля для указания общих параметров страниц. По умолчанию в данной категории представлено поле «Изображение для страницы», которое используется в каталоге в качестве обложки категории;
  11. После ввода всех требуемых данных нажмите на кнопку в правой верхней части панели;
  12. Если всё было сделано правильно, страница обновится, а в дереве ресурсов появится добавленная вами категория:
  13. Если категория была опубликована (установлен флаг Опубликован или установлена дата публикации) категория автоматически появится в каталоге на сайте

Удаление категории

Для того, чтобы удалить категорию необходимо:

  1. Найти в панели ресурсов ресурс «Каталог» ;
  2. Раскрыть список категорий;
  3. В списке категорий найти категорию, которую необходимо удалить;
  4. Выполнить щелчок правой кнопкой мыши по ресурсу содержащему категорию;
  5. В контекстном меню выбрать пункт ;
  6. Подтвердить удаление новости в появившемся окне подтверждения
  7. Выбранная категория и все вложенные в неё подкатегории и товары будут отмечены удалёнными и не будет отображаться на сайте
    ;
  8. Чтобы полностью удалить все отмеченные удалёнными ресурсы необходимо нажать на кнопку в панели инструментов панели ресурсов10);

Редактирование категории

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

Для того, чтобы изменить описание или полностью отредактировать категорию необходимо:

  1. Найти в панели ресурсов ресурс «Каталог» ;
  2. Раскрыть список категорий;
  3. В списке категорий найти категорию, которую необходимо изменить и выполнить по ней щелчок левой кнопкой мыши;
  4. В основной области панели управления отобразится панель редактирования ресурса, в которой можно внести необходимые изменения11), скорее всего вам будет необходимо отредактировать поля Описание и Содержимое ресурса;
  5. После внесения изменения необходимо их сохранить воспользовавшись кнопкой в правом верхнем углу основной области.

Изменение обложки категории

Для того, чтобы загрузить, изменить или удалить обложку категории необходимо:

  1. Найти в панели ресурсов ресурс «Каталог» ;
  2. В панели редактирования ресурсов выбрать вкладку ;
  3. На вкладке дополнительные поля выбрать категорию «Страница»
    ;
  4. Для изменения изображения необходимо изменить значение поля «Изображение для страницы»;
  5. Щелчок левой кнопкой мыши по полю установит фокус, для ввода пути к файлу изображения относительно корня сайта. Для того, чтобы указать изображение путём выбора необходимо выполнить щелчок левой кнопкой мыши по элементу , при этом откроется окно диспетчера файлов12)
  6. Диспетчер файлов позволяет выбрать уже загруженный на сайт файл изображения, для этого необходимо:
    1. В левой части окна диспетчера необходимо найти каталог с изображениями и при помощи щелчка левой кнопкой мыши открыть его;
    2. В правой части будет отображён список файлов в выбранном каталоге, при этом для изображений будут отображены их уменьшенные копии;
    3. Выбрать изображение щелчком левой кнопки мыши, в области правее списка будет отображена подробная информация о файле;
    4. Нажать на кнопку в правой нижней части окна диспетчера файлов;
  7. Также через диспетчер файлов можно загрузить новое изображение, для этого необходимо:
    1. В левой части окна диспетчера необходимо найти каталог в который необходимо загрузить изображение и при помощи щелчка левой кнопкой мыши выбрать его;
    2. Нажать на кнопку в панели инструментов диспетчера, при этом на экране будет отображено окно загрузки файлов
    3. При помощи кнопки выбрать на вашем ПК файлы, которые вы хотите загрузить13), выбранные файлы будут отображены в списке файлов для загрузки
    4. При помощи кнопки выполнить загрузку указанных файлов в каталог;
    5. По завершении загрузки необходимо нажать кнопку для закрытия очереди загрузки файлов;
    6. Загруженные файлы будут отображены в выбранном каталоге и вы сможете их выбрать описанным выше способом;
  8. После выбора файла и закрытия окна диспетчера, значение поля «Изображение для страницы» изменится на путь к выбранному файлу, а под полем будет отображена уменьшенная копия выбранного изображения
  9. Для сохранения изменений необходимо нажать на кнопку в правой верхней части панели редактирования ресурса;
  10. Если изображение необходимо удалить, достаточно удалить путь к файлу в поле «Изображение для страницы», при этом уменьшенная копия изображения исчезнет, а после сохранения у новости не будет изображения и в пользовательской части сайта.

Управление подкатегориями

Управление подкатегориями осуществляется аналогично управлению категориями. Все функции доступные категориям также доступны и подкатегориям. Более подробная информация о использовании дерева ресурсов приведена на страницах ресурсы и управление страницами.

Управление товарами

Добавление товара

Для того, чтобы добавить товар, необходимо:

  1. Найти в панели ресурсов ресурс «Каталог» ;
  2. Найти в списке категорий ту, в которую необходимо добавить товар;
  3. Выполнить щелчок правой кнопкой мыши по ресурсу, чтобы открыть контекстное меню;
  4. Выбрать в контекстном меню пункт ;
  5. В подменю выбрать пункт ;
  6. В основной области панели управления откроется панель редактирования ресурса
  7. В панели редактирования ресурса в поле Шаблон необходимо выбрать шаблон «Товар»14);
  8. В панели редактирования ресурсов необходимо заполнить поля ресурса по следующему принципу:
    1. Заголовок - будет использован в качестве названия товара в списках товаров, выводе результатов поиска и при поиске по ключевому слову15);
    2. Расширенный заголовок - будет использован в качестве подробного заголовка товара при просмотре страницы товара16);
    3. Описание - краткое описание категории при выводе товара в списке товаров17);
    4. Псевдоним - адрес страницы для отображения товара, создаётся автоматически, можно заполнить в случае необходимости.
      Внимание! Мы рекомендуем при заполнении давать краткое уникальное название страницы используя только латинские символы, например: gloves-wide или perchatki-shirokie;
    5. Опубликован - установите флажок, если вы хотите, чтобы товар был сразу опубликована на сайте;
    6. Содержимое ресурса - в данном поле необходимо заполнить полный текст описания товара. При этом можно использовать представленный в форме текстовый редактор;
  9. На второй вкладке необходимо выполнить дополнительные настройки ресурса
  10. Дополнительные настройки выполняются в соответствии со следующим принципом:
    1. Дата публикации - можно указать дату, когда товар должен быть опубликован, работает, если флаг Опубликован не был установлен;
    2. Опубликован (дата) - можно указать дату, когда товар была опубликован, при этом флаг Опубликован будет установлен автоматически;
    3. Дата отмены публикации - можно указать дату, когда товар должен быть снят с публикации. При наступлении этой даты, категория станет автоматически не доступна к просмотру в пользовательской части сайта;
    4. Контейнер - необходимо снять флаг, отмечающий ресурс контейнером в случае, если этот флаг установлен;
    5. С остальными полями более подробно можно ознакомиться на странице управление страницами.
  11. На вкладке «Дополнительные поля» представлен интерфейс редактирования дополнительных полей ресурса товара. Список полей может различаться в зависимости от вашего сайта. По умолчанию в данной вкладке представлены следующие категории дополнительных полей
    :
    1. Meta - категория дополнительных полей, в которой находятся поля для указания мета-данных страницы. Таких как Title, Keywords, Description. Данные поля могут использоваться для задания заголовка страницы, её ключевых слов и описания. Часто данные поля используются для поисковой оптимизации сайта;
    2. Каталог - категория содержит дополнительные поля товара, по умолчанию:
      1. Цена - поле для ввода цены товара;
      2. Дополнительные изображения для товара - поле для загрузки нескольких дополнительных изображений товара, информацию по управлению полем смотрите на странице управление множественными полями;
      3. Новинка - поле для отметки товара как «Новинка»18);
    3. Страница - категория дополнительных полей, в которой находятся поля для указания общих параметров страниц. По умолчанию в данной категории представлено поле «Изображение для страницы», которое используется в каталоге в качестве основного изображения товара. Редактирование изображения осуществляется аналогично изменению обложки категории;
  12. После ввода всех требуемых данных нажмите на кнопку в правой верхней части панели;
  13. Если всё было сделано правильно, страница обновится, а в дереве ресурсов появится добавленный вами товар:
  14. Если товар был опубликован (установлен флаг Опубликован или установлена дата публикации) он автоматически появится в каталоге на сайте

Редактирование товара

Для того, чтобы изменить описание или полностью отредактировать товар необходимо:

  1. Найти в панели ресурсов ресурс «Каталог» ;
  2. Раскрыть список категорий;
  3. В списке найти требуемый товар и выполнить щелчок левой кнопкой мыши по ресурсу товара;
  4. В основной области панели управления отобразится панель редактирования ресурса, в которой можно внести необходимые изменения19), скорее всего вам будет необходимо отредактировать поля Описание, Содержимое ресурса и дополнительные поля товара;
  5. После внесения изменения необходимо их сохранить воспользовавшись кнопкой в правом верхнем углу основной области.

Также, в случае, если каталог очень большой и содержит много товаров, можно воспользоваться поиском ресурсов (в главном меню «Сайт» → «Поиск ресурсов»), подробное описание смотрите на странице поиск ресурсов.

Удаление товара

Для того, чтобы удалить товар необходимо:

  1. Найти в панели ресурсов ресурс «Каталог» ;
  2. Раскрыть список категорий;
  3. В списке найти товар который необходимо удалить;
  4. Выполнить щелчок правой кнопкой мыши по ресурсу содержащему категорию;
  5. В контекстном меню выбрать пункт ;
  6. Подтвердить удаление товара в появившемся окне подтверждения
  7. Выбранный товар будет удалён и не будет отображаться на сайте;
  8. Чтобы полностью удалить все отмеченные удалёнными ресурсы необходимо нажать на кнопку в панели инструментов панели ресурсов20);

Рекомендации по ведению каталога

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

В случае необходимости, всегда можно изменить представление товара или категории, добавить вывод списка определённых товаров в заданном оформлении на другие страницы сайта (например на страницу новости).

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

Размещение изображений в каталоге

Дополнительно, при размещении фотографий товаров на страницах каталога, мы рекомендуем вам следовать следующим рекомендациям. Мы рекомендуем вам выполнять подготовку всех ваших графических материалов перед загрузкой на сайт. Выполнить данные работы несложно самостоятельно с использованием самых простых графических редакторов (например GIMP или аналогичных). Используя указанные редакторы необходимо внести изменения в ваши файлы согласно следующим рекомендациям:

  1. Уменьшить размер файла или усечь не нужные элементы изображения таким образом, чтобы оно удачно смотрелось на странице. Вы можете получить рекомендации по подготовке изображений для вашего каталога у наших специалистов при сдаче сайта.
  2. Выполнить сжатие изображения в формат JPEG или PNG, первый формат лучше всего использовать для фотографий, а второй - для графических изображений (картинок);
  3. Убедиться, что размер полученного файла не очень большой (например меньше 1 Мб), мы рекомендуем следующие значения:
    1. Полноразмерная фотография разрешением 2000 точек по горизонтали или вертикали - 500 Кб-1 Мб;
    2. Небольшое графическое изображение (логотип, картинка) до 1000 точек по большей стороне - 200-300 Кб;
    3. Скан-копия документа - в зависимости от формата, достаточно обеспечить читаемость, обычно достаточно 2000 точек по большей стороне - 200-300 Кб;
  4. Уменьшать размер файла рекомендуется для снижения времени загрузки вашего сайта в браузерах ваших пользователей;
  5. Мы не рекомендуем использовать формат файлов BMP, т.к. файлы данного формата имеют очень большой размер и часто плохо сжимаются и плохо отображаются на устройствах клиентов.
1) возможно в этом случае, данное руководство может быть не актуальным для вашего сайта
2) оформление для вашего сайта будет отличаться
3) путём щелчка левой кнопкой мыши по заголовку категории или обложке категории
4) В случае, если вы удалите ресурс «Каталог», каталог будет удалён с сайта целиком
5) в случае, если на вашем сайте используется несколько вариантов оформления категорий, выбрать соответствующий шаблон
6) , 7) , 8) , 15) , 16) , 17) в зависимости от реализации пользовательской части сайта
9) установка флага, не влияет на возможность размещения вложенных ресурсов, однако данный флаг используется различными скриптами обеспечивающими вывод каталога
11) описание полей смотрите в описании добавления категории
12) подробное описание диспетчера файлов смотрите на странице управление файлами
13) система позволяет добавлять в очередь загрузки более 1-го файла
14) в случае, если на вашем сайте используется несколько вариантов оформления товаров, выбрать соответствующий шаблон
18) поле для отметки товара специальным
19) описание полей смотрите в описании добавления товара