Cart Icon

Cart Icon

To keep the user informed about the state of their shopping cart and make it possible to finalize the checkout process at any time, you can attach a live shopping cart icon on your page.

<div data-tipser-cart-icon></div>

By default the cart icon position is static. One common use case that we know about is "sticky" cart icon (that stays on the screen when scrolling), you can use the following CSS style to get this behavior:

.cart-icon {
  position: fixed;
  right: 0;
  top: 121px;
  background: #fff;
  padding: 10px;
  box-shadow: -2px 2px 7px rgba(0, 0, 0, 0.3);
  z-index: 10;
}