Опції в адміністративній панелі#

Розділ Каталог > Опції дає змогу налаштувати, які додаткові параметри товару покупець бачить і обирає під час покупки. На сторінці товару під ціною виводиться блок «Доступні варіанти». Обов'язкову опцію покупець має вибрати, перш ніж зможе додати товар у кошик.

На знімку нижче показано опції, створені під час встановлення; будь-яку з них можна відредагувати або видалити. По суті, опції створюють під будь-які додаткові характеристики, які покупцеві потрібно вказати, щоб придбати товар. Кнопка «Додати» відкриває форму створення нової опції.

Наприклад, якщо покупець має вибрати розмір товару перед оформленням замовлення, створіть опцію «Розмір».

Випадний список «Тип» пропонує кілька способів відображення опції:

• Вибір: «Список», «Перемикач», «Прапорець», «Зображення»
• Поле введення: «Текст», «Текстова область»
• Файл: «Файл»
• Дата: «Дата», «Час», «Дата і час»

Для опції «Розмір» створено три значення: «Малий», «Середній» і «Великий». До значень опції можна додати зображення, але для розміру достатньо назви. Якщо ж опція — «Колір», зображення кольорів були б доречними.

Додавання опцій до товарів#

Щоб застосувати опції до конкретного товару, відредагуйте вкладку «Опції» у Каталог > Товари. Опції зручно створити заздалегідь, а потім додати їх до товару на вкладці «Опції» під час його створення.

Опції на вітрині магазину

Розглянувши загальний принцип роботи опцій, перейдімо до докладного прикладу: як за допомогою опцій змінити процес покупки на вітрині. Для прикладу додамо опції до демонстраційного товару iPod Classic, який з'являється після встановлення.

Знімок нижче зроблено зі сторінки товару iPod Classic. Поруч із зображенням товару виводяться виробник, модель, наявність і ціна. Єдиний інтерактивний елемент тут — поле «Кількість»: у ньому покупець вказує, скільки iPod Classic додати в кошик.

У цьому прикладі ми хочемо додати опції, за допомогою яких покупець зможе налаштувати iPod Classic під себе. У Каталог > Опції створимо нові опції з різними значеннями. ocStore підтримує чотири групи типів опцій: Вибір, Файл, Дата та Поле введення.

Тип «Вибір»#

Тип «Вибір» дає покупцеві змогу обрати одне чи кілька заданих значень опції. Він має такі підтипи:

• Список: випадний список, у якому покупець обирає значення опції.
• Перемикач: набір перемикачів (radio) зі значеннями опції. Можна обрати лише одне значення — вибір іншого скасовує попередній.
• Прапорець: можна позначити кілька значень одночасно.
• Зображення: перемикачі поруч із невеликими завантаженими зображеннями.

У нас є iPod Classic різних кольорів: чорний, срібний і білий. Назвемо опцію «Колір». Для відображення кольорів оберемо тип «Перемикач». Ця опція має бути першою у списку, тому вказуємо порядок сортування 1. Додаємо три значення опції: «Чорний», «Білий», «Срібний». За бажання поруч із кожним значенням можна завантажити зображення iPod відповідного кольору через менеджер зображень.

Далі переходимо на вкладку «Опції» у формі товару (Каталог > Товари). Вона відрізняється від розділу Каталог > Опції: тут раніше створена опція безпосередньо прив'язується до товару. Почніть вводити «Колір» у поле додавання опції — з'явиться створена нами опція «Колір». Кнопкою «Додати значення опції» додаємо три значення: «Чорний», «Срібний» і «Білий». Для кожного кольору вказуємо кількість на складі, у полі «Віднімати зі складу» обираємо «Так» і додаємо 10 бонусних балів. Також можна задати надбавку чи знижку ціни для окремих кольорів або змінити вагу, але в цьому прикладі ми цього не робимо.

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

Тип «Файл»#

Тип «Файл» вимагає, щоб покупець завантажив власний файл, перш ніж додати товар у кошик. У нашому прикладі покупець завантажує зображення, яке ми нанесемо на індивідуальний чохол для iPod. У групі «Файл» є лише один тип — «Файл».

На вкладці «Опції» у формі товару (Каталог > Товари) для такої опції можна лише вказати, чи є вона обов'язковою. Значень опції немає, адже файл покупець завантажує зі свого комп'ютера сам.

Результат видно на сторінці товару iPod Classic. Завдяки порядку сортування 2 опція з файлом розташована під опцією «Колір». Натиснувши кнопку «Завантажити файл», покупець обирає файл на своєму комп'ютері, і цей файл буде долучено до замовлення.

Тип «Дата»#

Група «Дата» містить три типи: «Дата», «Час» і «Дата і час».

Ми хочемо, щоб покупець вказав бажану дату доставки, тому називаємо опцію «Дата доставки». Обираємо тип «Дата», бо точний час нам не потрібен. Вказуємо порядок сортування 4, щоб ця опція була останньою перед додаванням товару в кошик.

На вкладці «Опції» товару можна вказати, чи є опція обов'язковою, і задати дату за замовчуванням. Покупець може змінити дату за допомогою календаря на сторінці товару, тож значення за замовчуванням не таке вже й важливе.

Результат показано на знімку сторінки товару нижче. Опція «Дата доставки» має порядок сортування 4, тому розташована під опціями «Колір» і зображенням для чохла.

Тип «Поле введення»#

Група «Поле введення» містить типи «Текст» і «Текстова область». Різниця між ними в тому, що «Текст» — це один рядок для введення, а «Текстова область» дає більше місця для довших коментарів. Для iPod Classic ми додамо опцію «Гравіювання імені», щоб вигравіювати на плеєрі ім'я покупця. Покупцеві потрібно ввести ім'я та прізвище, тому обираємо тип «Текст». Вказуємо порядок сортування 3, щоб опція «Гравіювання імені» була над «Датою доставки».

На вкладці «Опції» товару ми вирішили, що ця опція не є обов'язковою для оформлення замовлення. У полі «Значення опції» вписуємо «Ім'я та прізвище», щоб покупець розумів, що саме ввести.

Після збереження опції на сторінці товару з'явиться блок «Гравіювання імені» — під зображенням для чохла й над датою доставки. Червоної зірочки немає, бо в полі «Обов'язково» ми обрали «Ні». У полі показано текст «Ім'я та прізвище», але покупець може замінити його своїм ім'ям.

Опції в кошику#

Коли покупець обирає опції й додає товар у кошик, обрані опції відображаються в кошику під назвою товару iPod Classic у колонці з назвою. Під товаром буде перелічено кожну обрану опцію, і ця інформація потрапить у замовлення під час його оформлення.

Опції додають ще один рівень гнучкості в налаштуванні інформації про товар. Добре опанувавши їх, ви зробите процес покупки у своєму магазині ocStore зручнішим для покупців.