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

Чтобы создать новую категорию, нажмите кнопку «Добавить» в верхней части страницы «Категории». Откроется всплывающее окно с формой, где вы сможете заполнить информацию о новой категории.

В открывшемся окне «Новая категория» доступны несколько групп полей для настройки категории.

Далее рассмотрим каждое поле подробнее.

• Название — введите название категории, которое будут видеть клиенты на витрине. Например, «Комнатные растения» или «Консультации».
• Описание — краткий текст, поясняющий, какие товары или услуги входят в эту категорию. Помогает клиентам ориентироваться в каталоге.
• Артикул — уникальный код категории для внутреннего учёта.
• Родительская категория — выберите категорию, внутри которой будет находиться создаваемая. Если оставить «Нет (корневая)», категория станет самостоятельной и будет отображаться на верхнем уровне.

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

Это может быть полезно, если:

• Название категории дублирует другую информацию на странице.
• Вы хотите создать «скрытый» раздел для внутренней группировки товаров.
• Категория используется только для фильтрации в административной панели, но не должна быть видна покупателям.

Результат с отображаемым заголовком

Результат со скрытым заголовком

Вы можете установить флажок «Показывать как раздел».

Флажок «Показывать как раздел» отображает изображение категории в списке товаров или услуг на витрине.

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

Важно: для корректного отображения необходимо предварительно загрузить изображение для категории. Без него параметр не работает, так как разделу нечего показывать.

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

Загрузите изображение для категории, нажав на кнопку «Загрузить».

Изображение делает категорию более наглядной и привлекательной для клиентов на витрине.

Изображение отображается в нескольких местах:

• В списке товаров или услуг.
• В боковом меню навигации, если категория выведена в меню.

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

Результат загрузки изображения

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

• Сверху — слева, по центру, справа
• По центру — слева, по центру, справа
• Снизу — слева, по центру, справа

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

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

Расположение по центру

Расположение сверху справа

Расположение снизу слева

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

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

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

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

Пример изменения цвета текста

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

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

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

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

Пример изменения цвета фона текста

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

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

Доступны следующие эффекты:

• Размытие — делает изображение менее чётким, создавая мягкий фон. Особенно полезно, если на карточке категории поверх изображения отображается текст — размытие помогает сохранить его читаемость.
• Прозрачность — регулирует степень непрозрачности изображения. Вы можете задать процент прозрачности, например 60%, чтобы изображение выглядело более лёгким и не перегружало витрину.

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

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

Пример применения эффекта «Размытие»

Например, если установите его значение на 7 пикселей, изображение категории станет мягким и размытым, сохраняя при этом общие очертания.

Размытие полезно, когда поверх изображения отображается текст: надпись читается лучше, появляется эффект глубины, витрина не перегружается.

Пример применения эффекта «Прозрачность»

Например, если вы измените значение прозрачности с 60% на 80%, изображение категории станет менее прозрачным (более плотным), а текст на его фоне — более контрастным и читаемым.

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

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

Если вы передумали создавать категорию или хотите прервать заполнение, нажмите кнопку «Отмена». Форма закроется, а все введённые данные будут утеряны. Чтобы начать заново, просто снова нажмите кнопку «Добавить» на странице категорий.

Когда все поля заполнены и информация готова, нажмите кнопку «Создать» — категория появится в каталоге и станет доступна для привязки к товарам и услугам. Если какое-то обязательное поле осталось пустым, система подсветит его и попросит заполнить перед сохранением.

Чем родительская категория отличается от корневой?

Корневая категория отображается на верхнем уровне каталога, вложенная — внутри выбранной родительской. Если в поле «Родительская категория» оставить вариант «Нет (корневая)», раздел станет самостоятельным. Вложенность помогает разложить большой ассортимент по логичным группам.

Зачем скрывать заголовок категории?

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

Почему не работает параметр «Показывать как раздел»?

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