Add a catalog product to InLine Cart
Overview
Use the Product object to add a catalog product to the InLine Cart by calling the click event handler.
Use case
- Add an HTML link or button in your page like the one below.
- Create a JavaScript click handler to execute the Inline Client desired methods.
- Use the
TwoCoInlineCart.products.add({code, quantity, options})
method to prepare your catalog product. - Use the
TwoCoInlineCart.cart.checkout()
method to show the cart on your page.
Sample request
HTML
<a href="#" class="btn btn-success" id="buy-button">Buy now!</a>
Javascript
window.document.getElementById('buy-button').addEventListener('click', function() {
TwoCoInlineCart.products.add({ // Adding the desired product in the cart
code: "74B8E17CC0", // Product code from 2Checkout cPanel account
quantity: 3 // Quantity of the given product
});
TwoCoInlineCart.cart.checkout();
});
Demo
After adding the product to the InLine cart using the above method, your cart should look like this: