<div class="container">
<div class="row justify-content-md-center mt-5">
<div class="col-12">
<div class="card">
<div class="card-body">
<h5 class="card-title">Digital dynamic products with dynamic coupon.</h5>
<p class="card-text">
Click the button bellow to open the Inline Cart using a digital dynamic products with dynamic coupon.
</p>
<a href="#" class="btn btn-success" id="buy-button">Buy now!</a>
</div>
</div>
</div>
</div>
</div>
window.document.getElementById('buy-button').addEventListener('click', function() {
TwoCoInlineCart.setup.setMode('DYNAMIC');
TwoCoInlineCart.cart.setCurrency('USD');
TwoCoInlineCart.products.removeAll();
TwoCoInlineCart.products.add({
name: 'A test digital product',
quantity: 1,
price: 20,
type: 'digital'
});
TwoCoInlineCart.products.add({
name: 'A test promotion',
quantity: 1,
price: 5,
type: 'coupon'
});
TwoCoInlineCart.cart.setSignature('5c07abeddff1f1e9521d7c726b7746a09049fcf24e6d1299577b1703d275089c');
TwoCoInlineCart.cart.checkout();
});
