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

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

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

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

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

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

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

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

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

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

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

Эта опция позволяет отображать изображение категории в списке товаров или услуг на витрине.

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

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

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

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

Это сделает категорию более наглядной и привлекательной для клиентов на витрине.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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