Обновлено: 29 июня 2018, 04:48
 Marabar

[msMCD] Динамическое изменение мини-корзхины miniShop2

Компонент msMCD (mini cart dynamic) для miniShop2 — это рефакторинг старого компонента msMiniCartDynamic с рядом улучшений и предназначен для обновления мини корзины на лету — динамически. msMiniCartDynamic поддерживаться больше не будет.

Теперь не нужно самостоятельно добавлять скрипты на страницу, msMCD делает это сам. Все чанки переписаны на Fenom и Bootstrap4.

Возможности msMCD

  1. Динамическое обновление мини-корзины
  2. Добавление товара в корзину как кнопкой, так и ручным вводом, а также кнопками -/+. Опционально
  3. Анимация добавления товара (полёт картинки). Опционально
  4. Возможность выбора полей для передачи в мини-корзину. Опционально
  5. Удаление выбранного товара
  6. Работа с разными контекстами

Сниппет msMCDMiniCart

Сниппет msMCDMiniCart — выводит текущую мини-корзину

После установки компонента, вместо стандартного сниппета msMiniCart воспользуйтесь msMCDMiniCart,
который идёт с компонентом msMCD.

{'!msMCDMiniCart' | snippet: [
    'img' => '50x50',
]}
Параметры msMCDMiniCart:

  • tpl[msMCDMiniCartRowTpl], чанк для каждого результата
  • tplOuter[msMCDMiniCartOuterTpl], чанк обёртка
  • jsUrl — путь до файла со скриптами
  • img — картинка товара. Указывается так же как и в источнике файлов, например: 50x50

Вывод товаров

В комплекте с msMCDM идут идут два примера чанков для вывода товаров: msMCDProductsRowTpl и msMCDProductsRowInputTpl. Например для добавления товара в корзину кнопкой, вызов сниппета msProducts будет таким:

{'!msProducts' | snippet: [
    'tpl' => 'msMCDProductsRowTpl',
]}
Соответственно для добавления товара кнопками/ручным вводом таким:

{'!msProducts' | snippet: [
    'tpl' => 'msMCDProductsRowInputTpl',
]}
Эти чанки служат только для примера, и обратите внимание, что картинка товара находится в теге form. Это необходимо для анимации добавления товара (полёт картинки).

Сниппет msMCDCount

Сниппет msMCDCount — для добавления товара, вместо кнопки выводит инпут с -/+.
Вызов этого сниппета прописан в чанке msMCDProductsRowInputTpl.

Параметры msMCDCount:

  • tpl[msMCDCountTpl], чанк для вывода инпута
  • jsUrl — путь до файла со скриптами

Системные настройки

msmcd_fields_mini_cart — Поля, которые необходимо передать в мини корзину, по умолчанию: pagetitle. Доступны все поля объектов: msProduct(modResource), msProductData, msVendor
В мини-корзине есть всегда: id, price, count, options, weight, ctx, sum, img

msmcd_animate_mini_cart — Включает анимацию добавления товара, по умолчанию: выключено.
msmcd_dropdown_mini_cart — Открывать мини-корзину при добавлении товара, по умолчанию: выключено

Демо
Купить
   Marabar Мои компоненты 0    2 0

Комментарии (0)




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

    Marabar 21 сентября 2018, 00:32
    Login в MODX revolution 25
    Marabar 17 мая 2018, 12:22
    Выводим облако тегов в MODX revo 17
    medortex 14 июля 2017, 16:26
    Меню Аккордеон в MODX revo 54
    Madao 16 мая 2017, 18:28
    msMiniCartDynamic 3
    Семён 05 мая 2017, 23:30
    Создание ресурсов из фронтенда 41
    Филитович Владимир 26 февраля 2017, 22:25
    Apache 2.2.22, установка и настройка 41
    valery 30 ноября 2016, 15:51
    phpMyAdmin 3.5.1, установка и настройка 3