minicart js - 在新标签页

时间:2015-06-09 13:46:31

标签: javascript html shopping-cart

我正在尝试将minicart js添加到我正在构建的网站中,但我似乎遇到了一些问题。

参考this问题,接受的答案链接了一个演示,当按下添加到购物车按钮时,该演示会打开一个迷你购物车GUI。

然而,当我检查元素并将演示中使用的确切代码复制到我的编辑器中并运行页面时,当我按下添加到购物车时,paypal会在另一个页面上打开,而不是显示迷你购物车。

我一直在尝试使用不同的版本来查看它是否重要(3.0.6是最新版本)但具有相同的问题。

我只想在我的页面上显示迷你购物车。

修改

我发现了另一篇文章说要删除代码保护,这显然对其他用户起作用但不幸的是对我不起作用,我不知道为什么minicart窗口赢了' t显示。

这是我使用的代码,它适用于演示,但不适用于我的页面:

<html>
<body>

<form target="paypal" action="https://www.sandbox.paypal.com/cgi-bin/webscr" method="post" >
    <input type="hidden" name="cmd" value="_cart">
    <input type="hidden" name="business" value="demo@gmail.com">
    <input type="hidden" name="lc" value="US">
    <input type="hidden" name="item_name" value="test Add to Cart">
    <input type="hidden" name="amount" value="12.00">
    <input type="hidden" name="currency_code" value="USD">
    <input type="hidden" name="return" value="https://www.paypaltech.com/vimal/test.php">
    <input type="hidden" name="add" value="1">
    <input type="hidden" name="bn" value="PP-ShopCartBF:btn_cart_LG.gif:NonHosted">
    <input type="image" src="https://www.sandbox.paypal.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
    <img alt="" border="0" src="https://www.sandbox.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>

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

</body>
</html>

1 个答案:

答案 0 :(得分:0)

我终于使用了,而不是使用文档中提供的链接,我下载了源代码,并包含了我放入项目结构的minicart.js文件的链接。

之后一切正常:)

最终代码:

<html>
<body>

    <form target="paypal" action="https://www.sandbox.paypal.com/cgi-bin/webscr" method="post">
        <input type="hidden" name="cmd" value="_cart">
        <input type="hidden" name="business" value="demo@gmail.com">
        <input type="hidden" name="lc" value="US">
        <input type="hidden" name="item_name" value="test Add to Cart">
        <input type="hidden" name="amount" value="12.00">
        <input type="hidden" name="currency_code" value="EUR">
        <input type="hidden" name="return" value="https://www.paypaltech.com/vimal/test.php">
        <input type="hidden" name="add" value="1">
        <input type="hidden" name="bn" value="PP-ShopCartBF:btn_cart_LG.gif:NonHosted">
        <input type="image" src="https://www.sandbox.paypal.com/en_US/i/btn/btn_cart_LG.gif" name="submit" alt="PayPal - The safer, easier way to pay online!">
        <img alt="" src="https://www.sandbox.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
    </form>

    <script src="minicart.js"></script>
    <script>
        paypal.minicart.render();   
    </script>
</body>
</html>