1. Главная страница
  2. ››
  3. Документация
  4. ››
  5. О компоненте - документация компонента Upline Studio

Навигация

Разделы доки

Demo компонента

О компоненте

Для Creatium разработано несколько компонентов, которые способны зашифровать параметры товара в формате json и передать их в корзину как часть названия товара. Такие компоненты есть у нашей студии (смотри по ссылке).

Наш компонент «Корзина с дополнительными опциями товара» позволяет вынимать из jsom переданные параметры и показывать их в корзине. При этом сам код json пользователь не видит: он видит просто название товара и другие параметры в отведённых для них местах.

В примере ниже видна как новая, так и старая цена.

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

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

Весь остальной функционал корзины сохраняется.

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

Скриптовая часть компонента

Скриптовая часть компонента

Скрипт завязан на класс upline-cart в шаблоне карточки товара, о чём он сам и сообщает.

На скриншоте ниже мы видим, как будет выглядеть название с json, если его не скрить.

Код json в названии товара

Код json в названии товара

Вторая часть компонента — cart-changer встраивается в карточку товара в корзине. Cart-changer позвляет вытащить параметры из кода json, помещённого в название товара.

Настройка cart-changer

Настройка cart-changer

А вот в это поле мы пишем название вынимаемого из кода и подменяемого на странице параметра, например, name.

Поле для указания имени нужного класса

Поле для указания имени нужного класса

Важно указывать также класс js_put для заменяемого объекта. Данный класс используется в том числе и для того, чтобы скрывать пустые поля. Чтобы скрыть поле имеется чекбокс под строкой для ввода названия поля.

Класс js_put указываем вот здесь:

Поле, куда следует добавлять js_put

Поле, куда следует добавлять js_put

Скрытое поле не будет никак отображаться: у него даже не будет высоты. Полезно это, когда у вас, например, разные товары с разными параметрами И тогда разные параметры можно полностью скрывать.

Вот ещё один cart-changer для подмены текста о старой цене:

Ещё один cart-changer для подмены текста о старой цене.

Ещё один cart-changer для подмены текста о старой цене.

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

Logo Upline Studio Creatium

Наша команда Uplinestudio разрабатывает сайты под разные потребности клиентов. Одним из ключевых направлений в нашей разработке является создание сайтов на Creatium.

Оставить заявку

Работает на Creatium