minicart/examples/terms.html at master · jeffharrell/minicart · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
<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="example@minicartjs.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 src="../dist/minicart.js"></script>
    <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>