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

1. Add an HTML link or button in your page like the one below.

2. Create a JavaScript click handler to execute the Inline Client desired methods.

3. Use theTwoCoInlineCart.products.add({code, quantity, options})method to prepare your catalog product.

4. Use theTwoCoInlineCart.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.