Skip to content

Виджет корзины. ui-cart-widget

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

Пример использования

<ui-cart-widget
    color-sheme="transparent"
    title="{{ messages.cart_title }}"
    hide-amount
>
</ui-cart-widget>

Параметры

Данный компонент поддерживает следущие параметры

  • title - Заголовок для корзины.
  • count-from - Позволяет выводит колличество товара по позициям или общее колличество товаров. Доступные свойства: total - общее колличество товара, position - колличество товара по позициям. По-умолчанию total.
  • hide-amount - Скрыть колличество товаров.
  • vr-gutter - Вертикальный отступ.
  • hr-gutter - Горизонтальный отступ.

Темизация

layout

  • count-bubble - Колличество товара в круге прикрепленному к верхнему правому углу иконки корзину.

color-sheme

  • count-background-main - закрышивает фон колличества товара в основной цвет.
  • count-background-sub - закрышивает фон колличества товара в дополнительный цвет.