Cacher is the code snippet organizer for pro developers

jQuery(document).ready(function(){
  $("#cartForm").on("submit", function(e){
    e.preventDefault();
    var productQuantity = $('#Quantity').val();
    var productVariant = $('#ProductSelect-product-template').val();
       $.post('/cart/add.js', {
         quantity:productQuantity,
         id: productVariant
       }, function(data){
          //update cart
          var addToCart = $('#AddToCart-product-template').val();
          if (!$('#CartCount').length) {
            //site-header__cart
            var cartUpdateText = '<div id="CartCount" class="site-header__cart-count">';
                cartUpdateText += '<span>' + addToCart + '</span>';
                cartUpdateText += '<span class="icon__fallback-text medium-up--hide">item</span>';
                cartUpdateText += '</div>';
            $('.site-cart-wrapper').append(cartUpdateText);
          }
          productDetails.getCartAmount();
         $("#cartPopup").css('display', 'block');
       }, 'json');

  });
  $('#cartPopup').appendTo(document.body);

  $("#closePopup, #continue-shopping").on("click", function(){
    $("#cartPopup").css('display', 'none');
  });
  return false;
});