Главная » Opencart » Типы опций товара в CMS Opencart. Создаем, выводим и используем.

Типы опций товара в CMS Opencart. Создаем, выводим и используем.

Здравствуйте, сегодня хотелось бы затронуть еще одну практическую сторону работы с Opencart, а именно настройку опций для товаров. Для начала я объясню, для чего они вообще нужны.

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

Давайте приступим к настройке.

Для начала в административной панели Opencart переходим в раздел «Каталог» — «Опции».

optsii1

На данной странице будут отображаться все созданные ранее опции. Для того чтобы создать свою собственную жмете «Добавить».

optsii2

Вам потребуется заполнить несколько полей:

«Название опции»;

«Тип» — типов очень много и все они разные. Ниже мы рассмотрим их более детально, для того чтобы вы имели более обширное понимание;

«Порядок сортировки» — тут необходимо вписать число, чем оно больше, тем ниже по списку будет отображаться данная опция;

«Значения опций».

Давайте прямо на примере одного товара рассмотрим основные типы опций в Opencart.

Тип опций «Выбор»

Используя данный тип, вы можете предложить посетителям вашего интернет магазина выбрать какую-то дополнительную опцию. Отличие всех вложенных в него подтипов в том, что выбор осуществляется разными методами: радиокнопки, чекбоксы, выпадающий список. Тут каждый настраивает под себя.

Первый подтип, который мы рассмотрим – это «Список».

optsii3

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

optsii4

Все подтипы этой группы создаются аналогично.

Подтип «Переключатель»

Суть данного подтипа в том, что одновременно вы можете выбрать только одно значение опции. Переключатели еще называют – радиобатонами.

Пример реализации на практике.

optsii6

Идем дальше, следующий подтип – «Флажок».

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

optsii8

И последний подтип из этой группы – «Изображение».

optsii9

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

optsii10

Тип опций «Поле ввода»

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

Первым мы рассмотрим подтип «Текст».

optsii11

Данное поле позволяет вводить текст, но только в одну строку. Ниже пример.

optsii12

Теперь рассмотрим подтип «Текстовое поле».

В такой опции пользователь сможет вводить текст в многострочном режиме. Демонстрация ниже.

optsii14

Тип опций «Файл»

optsii15

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

optsii16

Тип опций «Дата»

Данный тип позволяет клиентам вашего магазина указывать дату и время. Часто используется для указания даты доставки. Данный тип разделяется на три подтипа, давайте их рассмотрим.

Первый подтип этой категории – это «Дата». Ниже приведен пример использования данной опции.

optsii18

«Время»

optsii20

Последний подтип «Дата и время». Это смесь двоих предыдущих подтипов.

Пример.

optsii21

Вот и все. Мы с вами рассмотрели все типы, которые имеет опции в Opencart. Я понимаю, что статья вышла довольно большая, но мне кажется, вам будет легче ориентироваться в таком случае. Бегло пробежавшись по картинках, вы с легкостью сможете выбрать необходимую вам опцию.

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

optsii28

Подключаем опции к товару в Opencart

Для того чтобы подключить любую опцию к товару нужно зайти в раздел – «Каталог» — «Товары».

optsii22

Найти нужный нам товар  и нажать «Изменить».

optsii23

Далее в верхних вкладках выбираем «Опции».

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

optsii25

Первое на что нужно обратить внимание – это обязательность опции. Если оставить значение «Да», то клиент не сможет купить товар, пока не сделает выбор этой опции.

optsii26

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

optsii27

На что стоит обратить внимание, так это на цену. Указывать тут стоит стоимость самой опции, а не всего товара. Например, вы продаете какую-то модель платья. Черный вариант идет по умолчанию, а белый и красный стоят на 10 долларов дороже. В таком случае в поле с ценой нужно указать эти 10 долларов. Эта наценка будет автоматически прибавляться к стоимости товара и корректно отображаться в корзине покупок.

После добавления опций нажимаем «Сохранить» и смотрим результат на сайте.

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

Встретимся в следующих уроках.

26 комментариев

  1. Спасибо! Статья помогла!)))

  2. Сергей, здравствуйте!
    У меня в корзине, если менять количество товара (нажимая кнопку обновить) или просто его удалить, появляется белый экран! А когда нажимаешь кнопку в браузере «на предыдущую страницу», то заданное действие происходит. Помогите, пожалуйста! Как сделать, чтобы не появлялся белый экран?

  3. Добрый день, подскажите пожалуйста как можно применить одну и ту же опцию для всей категории товаров? Может есть модуль?Для примера — есть 150 товаров с одной ценой и одинаковыми опциями, не хотелось бы наполнять каждый из 150 товаров отдельно. Заранее благодарю

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

  5. Вадим, у Вас частный случай, на процентов 80% конфликтуют какие-то скрипты. На данный момент я не занимаюсь поддержкой чужих проектов. Как вариант Вам нужно по очереди отключать скрипты и проверять работу вашей корзины.

  6. Добрый день.
    Создал опцию — размер с типом — переключатель. Все было ок.
    Потом захотелось поменять на список, Поменял, теперь не отображаются варианты выбора размера, только надпись- Размер. Помогите, в чем может быть проблема?

  7. Добрый день, Владимир, проблема скорее всего в поврежденном файле /catalog/view/theme/default/template/product/product.tpl. У себя таких проблем не наблюдал. Как вариант можете попробовать скопировать div с классом «options» из дефолтного шаблона себе в файл который я приводил выше. Возможно это решит Вашу проблему.

  8. Доброго времени суток. Возник вопрос, а для продажи файлов можно ли настроить опции?
    Что бы при смене опции менялся конечный файл продажи.
    То есть у нас есть 10 файлов, после просмотра, покупателя заинтересовал 1 или скажем 3 файла, как с помощью опций дать покупателю возможность выбора. Соответственно выбрав опцию меняется и цена и количество файлов (выбранные получает, остальные нет).
    С надеждой на ответ.

  9. Игорь, к сожалению не могу Вам с этим помочь, поскольку не знаю как такое реализовать.

  10. Здравствуйте!
    Спасибо, статья пригодилась)
    Проблемка( При выборе опций цена не меняется автоматически на странице товара. Причем, если нажать «купить», то сумма в корзине отображается правильная, уже с добавлениями. А на странице товара остается первоначальная…

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

  12. Добрый день. Пожалуйста подскажите как решить проблему. Скажем у меня есть товар «доска» и стоит он 50р. у него есть опции:
    покрасить лаком +10р
    покрасить из балончика +20р.
    А проблема в том, что если я выберу покрасить локом и нажму купить, в корзине у меня будет сумма 60р(до этого момента все отлично), но мне захотелось ещё и балончиком, и если я поставлю галочку на покарсить из балончика, после того как товар уже есть в корзине, у меня там будет не 50+10+20, т.е 70, а будет два товара. Первый стоит 60р , а второй 80р и сумма заказа 140. Каким способом можно «обнулять» корзину перед изменением опции?

  13. Прочитала Вашу статью. Очень полезно. У меня такой вопрос, как сделать так, чтобы в карточке товара отображались все цвета сразу (порядка 100) и покупатель мог выбирать какое количество каждого цвета ему нужно. например, карточка товара – пуговицы, которых 100 цветов, чтобы клиент мог сразу видеть все цвета и выбирать какого цвета сколько ему нужно. Если нужен дополнительный модуль, то подскажите, пожалуйста, какой. Буду очень благодарна за ответ, тк вопрос очень важный. Перерыла кучу форумов в интернете, ответ на вопрос так и не нашла. Спасибо.

  14. юлия, для придания привлекательного внешнего вида вашим опциям Вы можете воспользоваться модулем Product Block Option, этот модуль отобразит все цвета в виде красивых кнопок и выстроит их в сетку. После того как покупатель выберете цвет ему нужно указать количество в поле и нажать купить, после чего уже покупать другой цвет. Выбирайте для опции тип поля radio button тогда покупатель сможет выбрать только один вариант цвета. Можно также поместить небольшую инструкцию о том как сделать заказ нескольких цветов товара. Возможно существуют и специальные модули. которые помогут решить Вашу проблему. Посмотрите на офоициальном сайте с дополнениями для опенкарт.

  15. Аскер, как вариант можно задать обязательность указания опции. При этом раздеть их на две, покраска лаком и покраска балончиком, с вариантами «Да», «Нет». Тогда клиент в любом случае сделает свой выбор и ему не нужно будет потом добавлять еще какие-то опции.

  16. Здравствуйте!

    У меня в совершенном заказе, не в уведомлениях, ни в админке внутри заказа не отображаются выбранные опции. Выглядит это так: Товар номер 1 — цвет/размер: (пусто)
    Может кто-то подсказать, в чем дело? как исправить? ocStore 1.5.5.1.2

  17. Спасибо, разобрался благодаря Вашей статье как добавить опции в карточку товара. Все оказывается просто!

  18. Здравствуйте!
    Статья очень полезная, Спасибо!
    Но у меня еще вот такая проблема возникла — мне надо отобразить несколько категорий товара (например, пряжу разных производителей), и в каждом из них сделать выбор по нескольким расцветкам. Как это сделать в виде плитки? Чтоб уже при нажатии на конкретный цвет — попасть на конечную страницу товара?
    Может, вы поможете мне решить этот вопрос?
    Заранее благодарю)

  19. Здравствуйте! У меня такой вопрос.Есть оптовый магазин, должна быть возможность выбора одной модели по несколько размеров. Подскажите как это реализовать?

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

  21. Доброе время суток!
    Все сделала, как написано в статье, но почему не могу понять информация о цвете товара прикрепляется не к карточке товара, а отображается на главной странице сайта, там где фильтр.
    Очень надеюсь на помощь!
    Заранее благодарна!!!

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

  23. Здравствуйте. Вот у меня сейчас отображаются опции «Цвет» в количестве трех штук (цветные изображения). Можно ли вывести не три образца цвета, а 10?

  24. Могу я в одной карточке товара заполнить разные размеры и цвета по количеству соответствующему наличию?

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

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *