Question

我正在使用Minicart.JS作为简单的贝宝购物车。但这不是应该的。如果我点击“添加到购物车”按钮，购物车不会弹出。

这是我的代码。

<html>
<body>
        <script src="//cdnjs.cloudflare.com/ajax/libs/minicart/3.0.3/minicart.min.js"></script>
        <script>
            paypal.minicart.render();
        </script>


        <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
                <input type="hidden" name="cmd" value="_cart" />
                <input type="hidden" name="add" value="1" />
                <input type="hidden" name="business" value="labs-feedback-minicart@paypal.com" />
                <input type="hidden" name="item_name" value="Test Product" />
                <input type="hidden" name="quantity" value="1" />
                <input type="hidden" name="amount" value="1.00" />
                <input type="hidden" name="currency_code" value="USD" />
                <input type="hidden" name="no_shipping" value="2">
                <input type="hidden" name="no_note" value="1">
                <input type="hidden" name="shipping2" value="1.50">
                <input type="hidden" name="shipping" value="2.50">
                <strong>Test Product</strong>

                <p>
                    <label><input type="checkbox" id="terms" name="terms" value="" /> I agree to the terms</label>
                </p>

                <input type="submit" name="submit" value="Add to cart" />
            </form>

    <script>
        paypal.minicart.render();

        paypal.minicart.cart.on('checkout', function (evt) {
            var hasAgreed = !!document.getElementById('terms').checked;

            if (!hasAgreed) {
                alert('You must agree to the terms!');
        evt.preventDefault();
            }
        });
    </script>
</body>
</html>

Here is the actual site.，我在控制台中发现错误说：

Uncaught TypeError: Cannot call method 'appendChild' of null

我不知道如何解决这个问题，请让我知道我的设置有什么问题。感谢。

Answer 1

您需要将添加到购物车按钮更改为不保存在PayPal上（在损益部分中），并在复制并粘贴之前创建按钮后取消保护代码:)

希望这有帮助:)

minicart.js无法正常工作，购物车没有弹出

1 个答案: