HugeProfitДокументаціяУвійти
Товари й продажі

Категорії і вигляд каталогу

Категорії на сайті — це ваші категорії товарів з HugeProfit. У редакторі сайту ви вирішуєте, які з них показувати покупцям, і налаштовуєте вигляд каталогу: бічну панель, фільтри, іконки категорій.

Налаштування каталогу розміщені на двох вкладках редактора сайту:

  • «Категорії» — які категорії показувати, вигляд бічної панелі та фільтрів;
  • «Товари» — фільтри за додатковими полями, показ залишку, набори та інші налаштування товарів.

Як увімкнути або приховати категорію

  1. Редактор сайту → «Категорії».
  2. У списку поставте галочку біля категорії, яку треба показувати, або зніміть — щоб приховати.
  3. Натисніть «Зберегти чернетку» → «Опублікувати».
Список категорій з галочками
  • Прихована категорія зникає з меню й каталогу, і разом з нею приховуються всі її товари — і з каталогу, і з пошуку, і за прямим посиланням.
  • Якщо приховати батьківську категорію, всі вкладені теж стануть невидимими (біля них буде позначка «прихована батьківською категорією»).
  • Категорії, у яких немає жодного товару в наявності, на сайті не показуються автоматично.
  • Товари без категорії не приховуються — вони є в розділі «Всі товари» і в пошуку.

⚠️ Нова категорія, яку ви створюєте в HugeProfit, на сайті з’являється вимкненою. Це зроблено, щоб на сайт випадково не потрапили службові категорії. Після створення категорії зайдіть у редактор → «Категорії», увімкніть її й опублікуйте.

Назви категорій, їх вкладеність і склад товарів змінюються в HugeProfit.

Фото та іконки категорій

Фото та іконку категорії завантажують у HugeProfit, у вікні редагування категорії (поля «Фото категорії» та «Іконка категорії»). Сайт підхоплює їх сам:

  • Фото показується в блоках «Категорії» і «Категорії — плитки» на сторінках сайту (див. Довідник блоків). Якщо фото немає, у плитці буде просто назва категорії.
  • Іконка показується поруч із назвою категорії в бічній панелі каталогу — але лише якщо ввімкнути «Показувати іконки категорій у панелі» (див. нижче). За замовчуванням іконки вимкнені.

💡 Вмикайте іконки, коли вони є в усіх категоріях. Інакше в панелі частина категорій буде з іконками, а частина — без.

Вигляд каталогу

Редактор сайту → «Категорії», блоки над списком категорій:

Налаштування вигляду каталогу в розділі «Категорії»
НалаштуванняВаріанти
«Вигляд бічної панелі»«Список з переходом углиб (рекомендовано)» — показується один рівень категорій. Натискання на категорію з вкладеними відкриває їх список; угорі з’являються кнопка повернення і сама категорія — щоб переглянути всі її товари одразу. Добре для великих каталогів.
«Дерево, що розгортається» — класичне дерево, вкладені категорії розкриваються стрілкою. Зручно для невеликих каталогів на 2–3 рівні.
«Розташування панелі»«Зліва» або «Справа» від товарів. На телефоні з того ж боку виїжджає панель «Фільтри».
«Показувати іконки категорій у панелі»Іконка категорії з HugeProfit поруч із назвою. За замовчуванням вимкнено.
«Фільтри над категоріями»За замовчуванням у панелі спочатку категорії, під ними фільтри. Увімкніть, щоб фільтри були вгорі, а категорії — під ними.
«Вигляд фільтрів»«Звичайний (завжди розгорнуто)» — усі фільтри відкриті, значення показуються кнопками.
«Акордеон (секції згортаються)» — кожен фільтр згортається й розгортається натисканням на назву. Відкрита одразу лише ціна, решта згорнуті. Значення показуються списком з галочками: перші 6, а решта — за кнопкою «Показати всі».
Над кожним варіантом є маленьке прев’ю, як він виглядає.

Після змін натисніть «Зберегти чернетку» → «Опублікувати».

💡 Налаштування «Показувати залишок товару» і показ наборів тепер розміщені на вкладці «Товари», а не в «Категоріях».

Фільтри в каталозі

Фільтри будуються самі з даних товарів у HugeProfit:

  • «Бренд» — якщо товарам вказано бренд;
  • «Ціна, ₴» — від і до;
  • характеристики варіантів (колір, розмір тощо);
  • додаткові поля товарів — лише ті, які ви самі вибрали (див. нижче).

У кожній категорії показуються лише ті фільтри й значення, які є в її товарах.

Як ними користується покупець:

  • В одному фільтрі можна позначити кілька значень — підійде товар з будь-яким з них. Наприклад, колір «чорний» і «синій» покаже і чорні, і сині товари.
  • Якщо вибрано значення в кількох фільтрах, товар має підходити під усі одразу. У товарів з варіантами під усі вибрані характеристики має підходити один і той самий варіант: розмір M і синій колір — це синій варіант розміру M.
  • Вибір застосовується кнопкою «Застосувати». Кнопка «Скинути» прибирає всі фільтри.
Фільтри в стилі «Акордеон»: кілька позначених значень і «Показати всі»
Фільтри в стилі «Акордеон»

💡 Щоб у каталозі з’явилися фільтри за кольором чи розміром — заповніть у HugeProfit характеристики товарів. Щоб працював фільтр за брендом — вкажіть товарам бренд.

Фільтри за додатковими полями

Якщо ви ведете в HugeProfit додаткові поля товарів (наприклад, «Матеріал» чи «Країна виробника»), будь-яке з них можна показати на сайті як фільтр.

  1. Редактор сайту → «Товари» → блок «Фільтри за доп. полями».
  2. Натисніть «+ Додати фільтр».
  3. У списку виберіть додаткове поле.
  4. Поруч впишіть назву фільтра, яку побачить покупець, наприклад «Матеріал». Якщо залишити порожньою, буде назва самого поля.
  5. Під рядком з’явиться список усіх значень цього поля у ваших товарах. Зніміть галочку зі значення, яке не треба показувати у фільтрі. Нові значення, що з’являться в товарах пізніше, показуватимуться самі.
  6. Натисніть «Зберегти чернетку» → «Опублікувати».
Налаштування фільтрів за додатковими полями на вкладці «Товари»
Фільтри за додатковими полями
  • Фільтрів можна додати кілька. На сайті вони йдуть після бренду, ціни й характеристик — у тому порядку, у якому додані.
  • Прибрати фільтр — кнопка «Видалити» в його рядку.
  • Фільтр з’являється лише там, де в товарах заповнене це поле. Якщо поле ще ніде не заповнене, під ним буде напис «У каталозі ще немає товарів зі значенням цього поля».
  • Якщо в товарах немає жодного додаткового поля, замість налаштувань буде напис «У товарах ще немає додаткових полів.».

💡 Заповнюйте значення однаково в усіх товарах: «Льон» і «льон» у фільтрі будуть двома різними значеннями.

Як каталог виглядає для покупця

Каталог на сайті: категорії, фільтри, товари, сторінки
Каталог: пошук, категорії, фільтри, вибір вигляду карток, «Показати ще» і сторінки
  • Пошук — поле «Пошук товарів» над товарами. Шукає за назвою, описом, артикулом і штрихкодом (а якщо замість назви показується доп. поле — і за ним). У каталозі поле пошуку в одному рядку з перемикачем вигляду.
  • Бічна панель — категорії та фільтри, у порядку й вигляді, які ви вибрали в «Категоріях».
  • Перемикач вигляду — «Дрібні картки» або «Великі картки». Є лише на комп’ютері.
  • Під товарами:
    • «Показати ще» — дозавантажує наступні товари під уже показаними;
    • номери сторінок — відкривають вибрану сторінку замість поточної;
    • «Товарів на сторінці:» — 12 (за замовчуванням), 24, 48 або 96. Після зміни каталог повертається на першу сторінку.

💡 На сторінці /catalog заголовок блоку «Каталог товарів» на екрані не показується — товари починаються одразу вгорі, на рівні бічної панелі. На сторінці категорії, як і раніше, видно назву категорії та шлях до неї.

На телефоні

Бічної панелі на телефоні немає. Поруч із пошуком — кнопка «Фільтри»; у дужках на ній видно, скільки фільтрів увімкнено. Вона відкриває панель з тими самими категоріями й фільтрами, що й на комп’ютері. Категорії також є в меню сайту (кнопка-«бургер»).

Панель «Фільтри» на телефоні: категорії й фільтри
Панель «Фільтри» на телефоні

Набори (комплекти)

Якщо у вас у HugeProfit є товари-набори (комплекти з кількох товарів), на вкладці редактора «Товари» є блок «Показ наборів (бандлів)»:

  • «Показувати набір під ціною товару, який до нього входить» — на сторінці товару з’явиться пропозиція «у наборі дешевше» з кнопкою додати набір у кошик;
  • «Показувати набір як окремий товар у каталозі»;
  • «Показувати склад набору на сторінці самого набору» — список «До складу набору входить»;
  • «Показувати склад набору (міні-фото товарів) під ціною товару»;
  • «Текст пропозиції під ціною товару» — можна змінити. Підстановки: {bundle} — назва набору, {discount} — відсоток знижки, {price} — ціна набору, {oldPrice} — ціна окремо, {save} — скільки покупець заощадить.

💡 Якщо «набір» у вас — це, наприклад, упаковка чи послуга, і розкривати його склад не потрібно, вимкніть обидва перемикачі складу.

Введіть слово або запитання