Добавление / удаление элементов корзины с использованием Cart.js и Rivets.js - PullRequest
Новая
       7

Добавление / удаление элементов корзины с использованием Cart.js и Rivets.js

0 голосов
/ 28 февраля 2019

Я использую cart.js в своем магазине Shopify, но не могу получить увеличение / уменьшение количества или удалить функции для работы.Все остальное работает нормально, поэтому я не уверен, что делаю неправильно.

У меня есть следующий код, добавленный перед закрывающим тегом </body> на theme.liquid . 

{{ 'rivets-cart.min.js' | asset_url | script_tag }}

<script type="text/javascript">
    jQuery(function() {
        CartJS.init({{ cart | json }}, {
            "dataAPI": false,
            "requestBodyClass": "loading"
        });
    });
</script>

Ниже приведен код, который у меня есть в header.liquid ... Я также проверял это на product-template.liquid и все еще получаю те же результаты. 

<div class="cart-product-wrap" rv-each-item="cart.items">

  <div class="cart-quantity">
    <a href="#" rv-data-cart-update="index | plus 1" rv-data-cart-quantity="item.quantity | plus 1">+</a>
    <div rv-text="item.quantity"></div>
    <a href="#" rv-data-cart-update="index | plus 1" rv-data-cart-quantity="item.quantity | minus 1">-</a>
  </div>

  <div class="cart-image"><img rv-src="item.image | productImageSize 'small'" src=""></div>

  <div class="cart-title-price">
    <div class="cart-title" rv-text="item.title"></div>
    <div class="cart-price" rv-html="item.price | money Currency.currentCurrency"></div>
    <div class="cart-remove"><a href="#" rv-data-cart-remove="index | plus 1">Remove</a></div>
  </div>

</div>

Я следовал руководству по https://cartjs -dev.myshopify.com / pages / guide и не вижу никаких отличий от рабочего примера.

Кто-нибудь есть какие-либо идеи, что я делаю неправильно или как я могу заставить это работать?

Любая помощь будет принята с благодарностью!

1 Ответ

0 голосов
/ 07 марта 2019

Если кому-то было интересно, я заставил это работать, изменив скрипт на ... 

<script type="text/javascript">
    jQuery(function() {
        CartJS.init({{ cart | json }}, {
        });
    });
</script>
...