Примеры настроек и использования опций и компонентов

4 Июл 2009, 12:55 AM

   При размещении образцов товаров на витрине интернет-магазина, в зависимости от специфики и вида товаров, всегда возникает необходимость настроить показ и возможность для пользователя выбирать какие-нибудь варианты комплектации и (или) конфигурации (цвет, объём, размер и т.п.) или настроить своего рода "конструктор", когда пользователь сам может "составить" необходимый набор для заказа.

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

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

Примечание: т.к. на сайте размещались товары объединённые по ряду характеристик и параметров (серия, цвет и т.д.) и для последующей автоматизации присвоения этих характеристик для новых размещаемых товаров этой группы, настройки производились для типа товара, а не для конкретной единицы (что, конечно, тоже возможно).

Был создан новый тип товара "марракеш":

а в меню редактирования нового типа товара выбран пункт "Опции по умолчанию", при переходе на который открывается следующая страница:

Был выбран п.1 Опции. И создана опция Цвет:

для того, чтобы эта опция появлялась для всех новых товаров. относящихся к этому типу товаров, выбран соответствующий пункт (2), а также выбран тип управления выбора опции (3), включена функция невозможности сделать заказ не выбрав опцию, вписаны названия значений для выбора (названия цветов - Орех, Вишня). В данном примере, конечная цена на товар не зависит от выбранной опции, но вы можете установить свои настройки в этом месте.

Теперь, открыв для редактирования товара, выберем тип, к которому он принадлежит (в данном случае, марракеш):

и посмотрим на результат в пользовательской части:

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

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

Создание и настройка похожи на описанные для п.1 Опции, за тем принципиальным отличием, что здесь используются не просто названия опции для выбора, как Орех или Вишня (5 и 6), а конкретные товары. В данном случае, были выбраны заранее созданные как товары Орех и Вишня с соответствующими изображениями, отключены для показа в пользовательской части как самостоятельные товары и имели цену = 0.

В результате, опции у товара в пользовательской части, приобрёл такой вид:

кликнув на иконку лупы у названия опции, пользователь получил возможность видеть в отдельно открывающемся окне изображение этой самой опции:

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

Для этой реализации необходимо в списке под нужным товаром выбрать Опции и компоненты:

и нажать п.2 Подкомпонент комплекта:

где последовательно создать подкомпоненты комплекта (в описанном примере 3 компонента) выбирая из списка уже существующих товаров.
После этого не забудьте в цене самого товара, который будет комплектом, выставить цену = 0, т.к. стоимость после этого будет рассчитана автоматически как сумма входящих в комплект компонентов-товаров.
Теперь, при оформлении заказа пользователь будет видеть такое содержание корзины:

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

nemo
При копировании статьи или её части, ссылка на www.viarts.ru обязательна

Оцените статью.

Нет отзывов по статье

Напишите отзыв.