Опції
Вступ#
Опції товарів в ocStore дають змогу пропонувати покупцям вибір у межах одного товару: розмір, колір, матеріал, персоналізацію тощо — без створення окремих карток товару.
Відеоурок#
Відео (англійською, OpenCart 4): https://youtu.be/5eI_tx4kA1s
Типи опцій#
ocStore підтримує кілька типів опцій. У полі Тип вони згруповані: Вибір, Поле вводу, Файл, Дата.
| Тип опції | Опис | Підходить для | Кілька значень |
|---|---|---|---|
| Список | Випадний список | Розміри, кольори, простий вибір | Ні |
| Перемикач | Вибір одного значення з кількох | Взаємовиключні варіанти | Ні |
| Прапорець | Можна позначити кілька значень | Додатки, необов'язкові послуги | Так |
| Текст | Однорядкове поле вводу | Гравіювання, персоналізація | — |
| Текстова область | Багаторядкове поле вводу | Побажання, докладні інструкції | — |
| Файл | Завантаження файлу покупцем | Власні макети, документи | — |
| Дата | Вибір дати | Дата події, дата доставки | — |
| Час | Вибір часу | Час запису, інтервал доставки | — |
| Дата та час | Вибір дати й часу | Бронювання, записи на послуги | — |
Обов'язковість опції задається не в самій опції, а окремо для кожного товару (поле Обов'язково на вкладці Опції товару).
Створення опцій#
Крок 1. Відкрийте розділ опцій#
- Перейдіть у Каталог → Опції
- Натисніть «Додати»
- Заповніть параметри опції
Створити нову опцію безпосередньо з форми товару не можна: на вкладці Опції товару вибираються лише вже наявні опції з довідника. Тому спершу створіть опцію в розділі Каталог → Опції.
Крок 2. Заповніть параметри опції#
Основні параметри
| Поле | Опис | Обов'язкове | Приклад |
|---|---|---|---|
| Назва опції | Зрозуміла назва (1–128 символів, для кожної мови) | Так | «Розмір», «Колір», «Матеріал» |
| Тип | Тип опції | Так | Список, Перемикач, Прапорець… |
| Порядок сортування | Порядок виводу в списках | Ні | 1, 2, 3 |
Для типів групи Вибір (Список, Перемикач, Прапорець) додайте Значення опції: назву значення для кожної мови (1–128 символів), за потреби Зображення та Порядок сортування.
Створюйте універсальні опції, які можна призначати багатьом товарам, — так покупці бачитимуть однаковий вибір у всьому магазині.
Крок 3. Призначте опцію товару#
- Відкрийте товар у Каталог → Товари
- Перейдіть на вкладку «Опції»
- Почніть вводити назву опції і виберіть її з підказок
- Вкажіть, чи є опція обов'язковою (поле Обов'язково)
- Для опцій групи Вибір додайте потрібні значення
Параметри значень опції в товарі
| Поле | Опис | Приклад |
|---|---|---|
| Значення опції | Конкретний варіант зі створених у довіднику | «S», «Червоний», «Преміум» |
| Кількість | Залишок цього варіанта на складі | 10 |
| Віднімати зі складу | Чи списувати залишок при замовленні | Так / Ні |
| Ціна | Надбавка або знижка (префікс + або −) | +50, −20 |
| Бонусні бали | Зміна кількості бонусних балів (+ або −) | +100, −50 |
| Вага | Зміна ваги для розрахунку доставки (+ або −) | +0.2, −0.1 |
Щоб опція з'явилася на вітрині, її потрібно призначити товару. Сама по собі опція в довіднику покупцям не показується.
Додаткові можливості опцій#
Коригування ціни
Як змінюється ціна
Для кожного значення опції можна задати надбавку чи знижку відносно базової ціни товару:
| Тип коригування | Опис | Коли використовувати | Приклад |
|---|---|---|---|
| Фіксована сума (+/−) | Додає або віднімає суму від ціни | Стандартні різниці в ціні | Великий (+50), Преміум (+150) |
| Без змін | Ціна товару не змінюється | Варіанти без доплати | Базовий колір, базова модель |
Відсоткових надбавок у стандартному ocStore немає — лише фіксована сума з префіксом.
Приклади
Магазин одягу:
- Розмір: S (−50)
- Матеріал: преміальна бавовна (+200)
- Колір: без зміни ціни
Магазин електроніки:
- Пам'ять: 256 ГБ (+3000)
- Колір: Midnight (без змін)
- Гарантія: розширена (+500)
Коригування ваги
Вага для доставки
Задайте різну вагу для точного розрахунку доставки:
| Тип коригування | Опис | Коли використовувати | Приклад |
|---|---|---|---|
| Додати вагу | Збільшує вагу | Важчі матеріали, більші розміри | +0.5, +1.2 |
| Відняти вагу | Зменшує вагу | Легші варіанти | −0.2, −0.5 |
| Без змін | Вага товару не змінюється | Стандартні варіанти | — |
Вага вказується в одиницях ваги, заданих для товару.
Приклади
Меблевий магазин:
- Матеріал: масив дерева (+15 кг)
- Покриття: стандартне (без змін)
- Збирання: зібраний (+5 кг)
Продуктовий магазин:
- Фасування: сімейне (+2 кг)
- Тара: скло (+0.5 кг)
- Подарункове пакування: преміум (+0.1 кг)
Точність доставки: правильні коригування ваги забезпечують коректну вартість доставки й захищають від збитків через заниження.
Бонусні бали
Програма лояльності
Різні бонусні бали заохочують вибір певних варіантів:
| Тип коригування | Опис | Коли використовувати | Приклад |
|---|---|---|---|
| Додати бали | Нараховує додаткові бали | Преміальні варіанти, акції | +100, +250 |
| Відняти бали | Зменшує кількість балів | Економ-варіанти | −50, −100 |
| Без змін | Бали товару не змінюються | Стандартні варіанти | — |
Приклади
Преміальні товари:
- Матеріал: преміальна шкіра (+200 балів)
- Послуга: пріоритетна доставка (+50 балів)
- Колір: стандартний (без змін)
Акційні товари:
- Розмір: великий (+100 балів)
- Стиль: лімітована серія (+150 балів)
Залучення покупців: використовуйте бонусні бали, щоб стимулювати вибір дорожчих варіантів.
Найкращі практики#
- Давайте опціям зрозумілі назви
- Групуйте пов'язані опції
- Дотримуйтеся єдиних правил найменування
- Документуйте налаштування опцій
- Не перевантажуйте товар великою кількістю опцій
- Стежте за продуктивністю бази даних
- Чітко позначайте обов'язкові опції
- Давайте значенням зрозумілі назви
- За потреби пояснюйте варіанти в описі товару
Приклади з практики#
Магазин одягу#
Крок 1. Опція «Розмір»#
Параметри:
- Тип: Список
- Значення: XS, S, M, L, XL
- Ціна: без коригування
- Обов'язково (у товарі): Так
Порядок дій:
- Створіть опцію з назвою «Розмір»
- Виберіть тип «Список»
- Додайте значення: XS, S, M, L, XL
- У товарі позначте опцію як обов'язкову
- Не задавайте надбавок для розмірів
Порада: використовуйте однакову розмірну сітку для всіх товарів одягу.
Крок 2. Опція «Колір»#
Параметри:
- Тип: Список
- Значення: Червоний, Синій, Зелений, Чорний, Білий
- Ціна: без коригування
- Обов'язково (у товарі): Так
Порядок дій:
- Створіть опцію з назвою «Колір»
- Виберіть тип «Список»
- Додайте значення кольорів (за бажання — із зображеннями-зразками)
- У товарі позначте опцію як обов'язкову
Порада: використовуйте назви кольорів, зрозумілі покупцям.
Крок 3. Опція «Матеріал»#
Параметри:
- Тип: Перемикач
- Обов'язково (у товарі): Ні
- Значення:
- Звичайна бавовна (без надбавки)
- Преміальна бавовна (+150)
- Органічна бавовна (+250)
Порядок дій:
- Створіть опцію з назвою «Матеріал»
- Виберіть тип «Перемикач»
- Додайте значення
- У товарі вкажіть надбавки до ціни та залиште опцію необов'язковою
Прозорість цін: чітко показуйте покупцям різницю в ціні між матеріалами.
Крок 4. Призначення товарам#
Порядок дій:
- Відкрийте кожен товар одягу
- Перейдіть на вкладку Опції
- Додайте опції «Розмір», «Колір» і «Матеріал»
- Для кожного значення вкажіть кількість, ціну та інші параметри
- Збережіть товар
Можливі комбінації:
- S, Червоний, Звичайна бавовна
- M, Синій, Преміальна бавовна
- L, Зелений, Органічна бавовна
- тощо
Зверніть увагу: залишки ведуться окремо для кожного значення опції, а не для комбінацій значень.
Крок 5. Тестування#
Контроль якості:
- Перевірте розрахунок ціни
- Перевірте відображення на мобільних
- Перевірте, що обов'язкові опції не можна пропустити
Для покупця:
- Зрозумілі назви опцій
- Інтуїтивний вибір
- Точне відображення ціни
- Зручний інтерфейс на мобільних
Усунення проблем#
Опції не відображаються
Проблема: опцій немає на сторінці товару
Діагностика:
- Перевірте призначення опції
- Опцію додано на вкладці Опції товару
- Для опцій типу Список/Перемикач/Прапорець додано хоча б одне значення
- Товар має статус «Включено»
- Перевірте налаштування опції
- Опція має коректні значення
- Тип опції вибрано правильно
- Системні налаштування
- Очистіть кеш (і кеш модифікаторів, якщо використовуєте доповнення)
- Перевірте, чи оновлено файли шаблону теми
- Перевірте в різних браузерах і на різних пристроях
Швидкі рішення:
- Повторно додайте опцію до товару
- Очистіть кеш системи
- Перевірте опцію в розділі Каталог → Опції
Швидка перевірка: відкрийте Каталог → Опції та переконайтеся, що опція існує і має значення. Потім перевірте вкладку Опції товару.
Неправильний розрахунок ціни
Проблема: ціна з опціями рахується неправильно
Діагностика:
- Перевірте надбавки
- Правильність префікса (+ або −)
- Суму надбавки
- Базову ціну товару
- Значення опцій
- Ціни задано для правильних значень
- Немає суперечливих надбавок
- Податки та валюта
- Податковий клас товару
- Налаштування курсів валют
- Акції та знижки для груп покупців
Типові причини:
- Невірний префікс у значенні опції
- Сума не додається до базової ціни через помилку в темі
- Податки впливають на відображувану ціну опцій
Тестування цін: завжди перевіряйте комбінації опцій, щоб підсумкова ціна відповідала очікуванням.
Проблеми з продуктивністю
Проблема: сторінки товарів з великою кількістю опцій працюють повільно
Оптимізація:
- Структура опцій
- Обмежте кількість опцій на товар (рекомендовано 3–5)
- Не створюйте надмірно складних комбінацій
- База даних
- Стежте за швидкістю запитів
- Використовуйте кешування
- Альтернативи
- Для складних комбінацій розгляньте окремі товари або спеціальні доповнення
- Розбивайте великі набори значень
Орієнтири:
- Невеликі магазини: до 5 опцій на товар
- Середні магазини: до 3 опцій на товар
- Великі магазини: для складних товарів — окремі картки товарів
Обов'язкові опції не перевіряються
Проблема: покупець може не вибрати обов'язкову опцію
Діагностика:
- Налаштування опції
- У товарі для опції вибрано Обов'язково: Так
- Опцію правильно призначено товару
- Значення опції існують
- Шаблон і тема
- Сумісність теми з обов'язковими опціями
- Актуальність файлів шаблону
- Перевірка на стандартній темі
- JavaScript і валідація
- Помилки JavaScript у консолі браузера
- Робота перевірки форми
- Тест у різних браузерах
Швидкі рішення:
- Повторно збережіть товар з налаштуванням Обов'язково
- Очистіть кеш браузера
- Перевірте на стандартній темі ocStore
Сумісність теми: деякі сторонні теми некоректно обробляють перевірку обов'язкових опцій. Спершу перевірте на стандартній темі.
Що далі#
- Характеристики товарів
- Вкладки форми товару, зокрема вкладка «Опції»
- Керування товарами