Справочники

Рассмотрим справочники:

• Справочник цветов
• Справочник размеров

 

Справочник цветов

• Настройка варианта представления
• Представление "Иконка и текст"
• Представление "Иконка"
• Представление "Текст"
• Импорт/экспорт цветов
• Загрузка подготовленных иконок цветов

В статье рассмотрим подробнее как настроить раздел цветов.
Для этого перейдите в пункт меню "Настройки" - "Товары" (рис. 1).

Рисунок 1.

На открывшейся странице перейдите на вкладку "Цвета" (рис. 2, п.1) и нажмите "Добавить цвет" (рис. 2, п.2).

Рисунок 2.

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

Рисунок 3.

После сохранения, цвет отобразиться в списке (рис. 4).

Рисунок 4.

Для того чтобы удалить строчку, можете нажать на ✖ крестик.
Для редактирования — 🖉 на карандаш.
Также на (рис. 4) можете увидеть еще один столбец "Используется у товаров" — этот столбец отображает количество товаров, где используется данный цвет.

Если в Вашем магазине цвет не используется, но необходимо задать какой-то другой справочник, Вы можете использовать справочник цветов, но обязательно грузить иконки с названиями, и также требуется переименовать характеристику. Для этого перейдите в панель администрирования, пункт меню "Мои Сайты" - "Редактировать" (рис. 5).

Рисунок 5.

На открывшейся странице нажмите на вкладку "Параметры" - "Категория товаров" (рис. 6).

Рисунок 6.

В блоке  "Размер и цвет" в поле "Заголовок для характеристики Цвет" измените слово "Цвет" на необходимую Вам фразу (рис. 7). Также здесь можно изменить размеры иконки этой характеристики, как в каталоге, так и в карточке.

Рисунок 7.

В клиентской части цвет отображается в карточке товара под артикулом (рис. 8).

Рисунок 8.

А так иконки цвета выглядят в каталоге (рис. 9).

Рисунок 9.

 

Настройка варианта представления

Отображение цвета может быть несколько вариаций:

• Иконка;
• Текст;
• Иконка + Текст;

 Данная настройка находится в пункте меню "Мои сайты", далее перейти в редактирование интернет-магазина, вкладка "Параметры" -  "Категория товаров". В строке "Режим отображения цвета" выберите необходимый режим (рис. 10).

Рисунок 10.

Обратите внимание

Вы можете подгрузить заранее подготовленный файл с иконками для справочника цветов. Посмотрите пункт "загрузка подготовленных иконок цветов".

Рассмотрим, как отображаются все три режима.

 

Представление "Иконка и текст"

Выбрать или изменить вариант представления можно в пункте "Настройка варианта представления".

На (рис. 11) вид отображения в карточке товара.

Рисунок 11.

На (рис. 12) вид отображения в каталоге, под цифрой 1 у товара в каталоге, под цифрой 2 — отображение в фильтре.

Рисунок 12.

В мобильной версии отображение режима "иконка и текст" в карточке товара показано на (рис.13).

Рисунок 13.

В каталоге на (рис.14).

Рисунок 14.

Отображение в фильтре (рис. 15).

Рисунок 15.

Перейдем к следующему варианту отображения.

 

Представление "Иконка"

Выбрать или изменить вариант представления можно в пункте "Настройка варианта представления".

На (рис. 16) вид отображения в карточке товара.

Рисунок 16.

На (рис. 17) вид отображения в каталоге, под цифрой 1 у товара в каталоге, под цифрой 2 — отображение в фильтре.

Рисунок 17.

В мобильной версии отображение режима "иконка" в карточке товара показано на (рис. 18).

Рисунок 18.

В мобильной версии - отображение в каталоге (рис. 19).

Рисунок 19.

Отображение в фильтре (рис. 20).

Рисунок 20.

Перейдем к последнему варианту отображения.

 

Представление "Текст"

Выбрать или изменить вариант представления можно в пункте "Настройка варианта представления".

На (рис. 21) вид отображения в карточке товара.

Рисунок 21.

На (рис. 22) вид отображения в каталоге, под цифрой 1 у товара в каталоге, под цифрой 2 — отображение в фильтре.

Рисунок 22.

В мобильной версии отображение режима "текст" в карточке товара показано на (рис. 23).

Рисунок 23.

Отображение в каталоге (рис. 24).

Рисунок 24.

Отображение в фильтре (рис. 25).

Рисунок 25.

Готово.

 

Импорт/экспорт цветов

Также справочник цветов можно импортировать и экспортировать (пункт меню "Настройки" - "Товары", вкладка "Цвета") (рис. 26).

Рисунок 26.

Открывается окно, где требуется загрузить файл для импорта, если требуется загрузить архив с иконками и проставить необходимые настройки (рис. 27).

Рисунок 27.

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

Файл показан на (рис. 28).

Рисунок 28.

Столбцы:

• Name — наименование цвета;
• Code — код цвета;
• Photo — изображение, в файле пишите название с расширением фото, как в архиве, например, black.jpg;
• SortOrder — порядок сортировки цвета.

 

Загрузка подготовленных иконок цветов

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

Команда Адвантшоп подготовила справочник иконок, 248 часто встречающихся цветов в формате .CSV. Данный файл можно импортировать в магазин. Ниже рассмотрим, как это сделать.

Заметка

Скачать CSV файл можно по прямой ссылке.

В справочнике цветов нажмите "Импорт" и в открывшемся окне ".Csv файл с цветами" (рис. 29).

Рисунок 29.

Выбираете файл на компьютере (заранее скачайте файл: ссылка на скачивание) (рис. 30).

Рисунок 30.

Далее нажмите "Импортировать" (рис. 31).

Рисунок 31.

После успешной загрузки Вы увидите, загруженные, иконки в справочнике цветов (рис. 32).

Рисунок 32.

Рассмотрим как выглядит сам файл (рис. 33).

Три столбца:

• Name — наименование цвета;
• Code — код цвета, если нет иконки;
• Photo — ссылки на иконки цветов.

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

Рисунок 33.

Заметка

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

Готово, мы рассмотрели справочник цветов и различные функции его настроек.

 

Справочник размеров

• Общая настройка размеров
• Альтернативные размеры

 

Общая настройка размеров

Рассмотрим подробнее, как настроить справочник размеров. Для этого перейдите в пункт меню "Настройки" - "Товары" (рис. 34).

Рисунок 34.

На открывшейся странице перейдите на вкладку "Размеры" и нажмите "Добавить размер" (рис. 35).

Рисунок 35.

Всплывает окно, где необходимо ввести название и порядок сортировки (рис. 36).

Рисунок 36.

После сохранения, размер отобразится в списке, как они представлены на (рис.35).

• Чтобы удалить строчку, можете нажать на ✖ крестик.
• Для редактирования — на 🖉 карандаш.

Также на (рис. 35) можно увидеть еще 1 столбец "Используется у товаров" — этот столбец отображает количество товаров, где используется данный размер.

 

Альтернативные размеры

Альтернативные размеры применяются для товаров в назначенных вами категориях. Как их назначить и применить рассмотрим ниже.

В разделе "Настройки" - "Товары", на вкладке "Размеры" нажимаем на кнопку "Размеры для категорий" (рис. 37).

Рисунок 37.

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

Рисунок 38.

В клиентской части размер отображается в карточке товара под артикулом (рис. 39)

Рисунок 39.

Если в Вашем магазине не размеры, а например, объем, то характеристику можно переименовать. Для этого перейдите в панель администрирования, пункт меню "Интернет-магазин" - "Параметры магазина", на открывшейся странице нажмите на вкладку "Категория товаров" и в строке "Заголовок для характеристики Размер" измените "Размер" на необходимую Вам фразу (рис. 40).

Рисунок 40.

Готово. Функционал справочников рассмотрен.