<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">Adding a dynamic product</h5>
<p class="card-text">
Click the button bellow to open the Inline Cart using a dynamic product.
</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 dynamic product',
quantity: 1,
price: 20,
});
TwoCoInlineCart.cart.setSignature('db1ed9a35658f042552303cd18d06301c7c6672454616eb01fccb7969be35786');
TwoCoInlineCart.cart.checkout();
});
