Skip to main content

Subscribe/unsubscribe to shopping cart events for InLine Checkout

Last updated: 13-Oct-2021
Rate this article:

Overview

Subscribe and unsubscribe to Inline checkout events.

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. In order to subscribe to an event use:
TwoCoInlineCart.events.subscribe('cart:opened', function () {
    alert('Cart was opened.');
});

5. In order to unsubscribe from an event use the Handler GUID that you can obtain when subscribing to the event.

let cartClosedhandlerGuid = TwoCoInlineCart.events.subscribe('cart:closed', function () {
    alert('Cart was closed.');
});
TwoCoInlineCart.events.unsubscribe('cart:closed', cartClosedhandlerGuid);

6. 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.addEventListener('load', function() {
  TwoCoInlineCart.events.subscribe('cart:opened', function () {
    alert('Cart was opened.');
  });
  
  TwoCoInlineCart.events.subscribe('payment:finalized', function () {
    alert('Payment was finalized.');
  });
  
  TwoCoInlineCart.events.subscribe('fulfillment:finalized', function () {
    alert('Fulfillment was finalized.');
  });
  
  var cartClosedhandlerGuid = TwoCoInlineCart.events.subscribe('cart:closed', function () {
    alert('Cart was closed.');
  });
  TwoCoInlineCart.events.unsubscribe('cart:closed', cartClosedhandlerGuid);
});

window.document.getElementById('buy-button').addEventListener('click', function() {
  TwoCoInlineCart.products.add({
    code: "74B8E17CC0"
  });
  TwoCoInlineCart.cart.checkout();
});

Demo

After setting the subscribe/unsubscribe details for the InLine cart using the above methods, your cart should look like this:

Rate this article:
Logo of Verifone