Зная прошлое - обретёшь будущее

Создание настраиваемых товаров в OpenCart с помощью опций

Различные типы опций

Рассмотрим различные типы опций в OpenCart.

Text и textarea

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

Загрузка файлов

Судя по названию, тип file можно использовать, когда пользователю необходимо загрузить файл для товара.

Date и time

Как вы могли догадаться, этот тип попросит пользователя ввести дату и время. Есть три разных типа. Тип date & time позволяет вводить дату и время вместе. Date позволяет вводить только дату. Time – только время. Опция полезна, когда необходимо уточнить у пользователя дату доставки.

Выборочные данные

В этом типе опций пользователю даются на выбор различные элементы. Есть 4 выбираемых типа:

Select – выпадающий список с различными опциями

Radio – радиокнопка для каждой опции

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

Image – схож с radio, только пользователь выбирает из разных изображений, а не текста

С типами опций закончили. Хватит теории, перейдем к действию!

Создание настраиваемого товара

В этом разделе мы создадим настраиваемый товар в панели администратора. Сначала создайте простой товар Graphic T­-Shirt через back end. Заполните стандартную информацию о товаре и выберите категорию. Детали не важны, так как мы будем работать только с вкладкой option в интерфейсе редактирования товара. Вернусь к этому в конце раздела.

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

Опция color

Перейдите в back end и далее в Catalog > Options. Откроются существующие опции. Для создания новой опции color кликните на insert.

Заполните значения, как на скриншоте сверху. В Option Name мы указали color. Это будет заголовок. Далее поле type, для которого мы выбрали select, так как нам нужен выпадающий список для цветов. Sort order используется для сортировки отображения опций. Пока что введем 1 в это поле.

После заполнения базовой информации необходимо ввести значений опции. У нас это будут разные цвета. Кликните на add option value, чтобы добавить значения для опции color. На скриншоте сверху мы указали red в Option Value Name и Sort Order 1. Поле image трогать не будем для упрощения. Так же добавьте 2 цвета blue и green.