Перейти к содержанию
  • Создание Опций в OpenCart


    Опции в админ панели

    Раздел "Опции" в разделе "Каталог" позволяет настроить сведения, которые клиент видит при просмотре товара. На странице товара под ценой отображается раздел "доступные опции". Прежде, чем добавить товар в корзину, клиент должен выбрать опцию.

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

    image/catalog-option-list.png

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

    Выпадающее окно "Тип -Type" покажет различные способы отображения этой опции:

    • Choose - Выбор: Select -Список, Radio - Радио кнопки, Checkbox - Флажок, Image - Изображение.
    • Input - Ввод: Text - Текст, Textarea - Текстовое поле.
    • File -Файл: File - Файл.
    • Date - Дата: Date - Дата, Time - Время, Date & Time - Дата и Время.

    image/catalog-option-edit.png

    Для опции " размер" созданы три значения опции: "маленький", "средний" и "большой". Вы можете добавить изображение для опции, но поскольку это относится к размеру, названия значения опции будет достаточно. Если опция была бы "цветной", то наличие изображений цвета было бы уместно.

    Добавление опций к товарам

    Чтобы применить опции к определенному товару, необходимо изменить вкладку опций в разделе Каталог > Товары. Опции могут быть созданы до добавления товара, а затем добавлены во время создания товара на вкладке Опции.

    Опции на витрине магазина

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

    Изображение ниже было взято со страницы нашего товара iPod Classic. Мы видим, что сведения о товаре, такие как производитель, код товара, доступность и цена, приведены рядом с изображением товара. Единственный интерактивный вариант, показанный ниже, это "кол-во", или количество. В пространстве, указанном рядом с количеством, клиент может изменить количество iPod classics, которое будет добавлено в корзину покупок.

    image/catalog-option-store.png

    В данном примере мы хотим добавить дополнительные опции для настройки типа iPod Classic. В разделе Каталог > Опции мы вставим новые опции с различными значениями. OpenCart позволяет клиентам выбирать четыре различных типа опций в разделе Опции: Выбор, Файл, Дата и Поле ввода.

    Тип Выбор

    Тип "Выбор" позволяет клиенту выбрать определенные значения опций. Среди типов выбора есть следующие подтипы:

    • Select - Список: Предоставляет раскрывающееся окно - список, в котором клиент может выбрать значение опции.
    • Radio - Радио кнопки: Выбираемые значки со значениями опций. Можно сделать только один выбор радио; щелчок по другому выбору отменит выбор ранее нажатой опции и переместит ее в текущий выбор.
    • Checkbox - Флажок: Одновременно можно выбрать несколько значений опции.
    • Image - Изображение: Дает выбор радио рядом с небольшими загруженными изображениями.

    На нашем складе представлены различные цвета классических iPod: черный, серебристый и белый. Имя опции для описания этих цветов будет "цвет". Мы решили, что мы хотим использовать опцию типа "радио" для отображения опций цвета. Мы хотим, чтобы эта опция была первой в списке, поэтому мы назначили ей порядок сортировки 1. Мы добавили 3 варианта названия значений для наших цветов: черный, белый, серебристый. Если бы мы захотели, мы могли бы загрузить изображение iPod в разных цветах рядом с их соответствующими названиями значений с помощью Диспетчера изображений.

    image/catalog-option-color.png

    Далее мы перейдем на вкладку "Опции", чтобы добавить нашу опцию к товару в разделе Каталог > Товары. Этот раздел отличается от раздела "Опции" в разделе Каталог, поскольку он напрямую назначает ранее созданную опцию товару. Мы нажали зеленый значок "+" и набрали цвет, чтобы открыть наш вариант "цвет", который мы сделали в разделе Каталог > Опции. В столбце значение опции мы добавили 3 значения для отображения значений опций: черный, серебристый и белый. Кроме того, мы добавили количество каждого доступного цвета, выбрали "да", чтобы вычесть запас, и добавили 10 очков к бонусным баллам. Мы могли бы добавить увеличение или уменьшение цены для выбранных цветов или указать вес, но мы решили этого не делать.

    image/catalog-option-product.png

    Сохранение этого цветового параметра на вкладке Опции автоматически изменит способ просмотра этого товара на странице товара. Страницу товара можно увидеть на скриншоте ниже. Уже сейчас можно заметить, что под ценой под названием "доступные опции" был добавлен новый раздел. Мы видим наш вариант цвета с тремя цветами в формате выбора радио. Красная звездочка означает, что эта опция должна быть выбрана перед добавлением в корзину. Если выбор не сделан, клиент не сможет добавить товар в корзину.

    image/catalog-option-store2.png

    Тип Файл

    Тип файл требует, чтобы клиенты загружали свой собственный файл перед добавлением товара в корзину. В нашем примере мы хотим, чтобы клиент загрузил файл изображения перед добавлением товара в корзину, чтобы мы могли добавить изображение на пользовательский чехол для iPod. Существует только один вариант в разделе Тип файла, он называется файл.

    image/catalog-option-customImage.png

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

    image/catalog-option-product2.png

    Результат сохранения этой опции можно увидеть на странице товара iPod Classic. Порядок сортировки 2 устанавливает опцию "тип файла" под опцией "цвет". Когда клиент нажимает на кнопку "Загрузить файл", он может выбрать файл со своего компьютера, который будет добавлен к заказу.

    image/catalog-option-store3.png

    Тип Дата

    Тип Дата позволяет выбрать три различных типа: Дата, Время или Дата и время.

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

    image/catalog-option-deliveryDate.png

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

    image/catalog-option-product3.png

    Результат типа Дата можно увидеть на изображении страницы товара ниже. Порядок сортировки для Даты доставки был номер 4, поэтому он опускается ниже опций "цвет" и "пользовательское изображение".

    image/catalog-option-store4.png

    Тип Поле ввода

    Тип Поле ввода позволяет использовать опции "текст" или "текстовая область". Разница между "текстом" и "текстовой областью" заключается в том, что текст - это одна строка пустого текста, которая должна быть заполнена, в то время как текстовая область дает больше места для более длинных комментариев. Для нашего iPod Classic мы решили, что нам нужен вариант выгравированного имени, чтобы выгравировать имя клиента на iPod. Нам нужно, чтобы клиент ввел свое имя и фамилию, поэтому мы выбрали тип "текст". Мы присвоили порядок сортировки 3, потому что мы хотим, чтобы опция "Имя для гравировки" была выше "даты доставки".

    image/catalog-option-engravedName.png

    На вкладке "Опции" в разделе "Товары" мы решили, что эта опция не является обязательной. В значении опции мы заполнили "имя и фамилия", чтобы клиент знал, что нужно ввести свое имя и фамилию в поле.

    image/catalog-option-product4.png

    Когда опция сохраняется в товаре, мы можем увидеть раздел "Имя для гравировки" под "пользовательским изображением" корпуса Ipod и над "датой доставки". Красная звездочка отсутствует, потому что мы выбрали " нет" в разделе "требуется". Значение опции показывает "имя и фамилия" в поле, но клиент может ввести свое собственное имя в этой области.

    image/catalog-option-store5.png

    Опции в корзине покупок

    Когда клиент сделает свой выбор и добавит товар в корзину, в ней будут отображаться опции товара iPod Classic в столбце название товара. Все выбранные опции будут включены в iPod Classic. Когда клиент переходит к оплате, эта информация о товаре будет включена в заказ.

    image/catalog-option-cart.png

    Раздел "Опции" добавляет еще один уровень гибкости в настройке информации о товаре на страницах товара. Ознакомившись с вкладкой "Опции", вы улучшите процесс совершения сделки OpenCart для своих клиентов.

    Расширение функциональности опций в опенкарт

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

    "Товары вместо опций" или "опция как товар" в опенкарт

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



×
×
  • Создать...