Cacher is the code snippet organizer for pro developers

shop.js.liquid

Shopify.onCartUpdate = function(cart) {
  jQuery('#cart-total').html(Shopify.formatMoney(cart.total_price));
    jQuery('#minicart-quantity').html(cart.item_count);
    jQuery('#cart-items').empty();
    if(cart.items.length > 0){
      jQuery.each(cart.items, function(key, item) {
        itemDiv           = jQuery(document.createElement('div'));
        itemDiv.context.className = 'cart-drop_item cart-item';
        itemDiv.context.id        = 'item-'+item.variant_id;
        
        console.log(item);
        itemDiv.context.innerHTML = itemDiv.context.innerHTML 
        +' <a href=\"/cart/change/'+item.variant_id+'?quantity=0\" class=\"cart-drop_close\" onclick=\"Shopify.removeItem(' + item.variant_id + ');return false\"></a>' 
        + '<div class=\"cart-drop_img\"><img onError=\"this.style.display = \'none\';\" src=\"' + Shopify.resizeImage(item.image, 'medium') + '\" alt=\"' + item.title + '\" /></div>' 
        + '<div class=\"cart-drop_text\">'
        + '<h2 class=\"cart-drop_title\"><a href=\"' + item.url + '\">' + item.product_title + '</a></h2>'
        + '<span class=\"cart-drop_cost\">'+ Shopify.formatMoney( item.line_price ) +'</span>'
        + '<div class=\"cart-drop_quantity\"><span>'+ item.quantity 
        + ' X ' + Shopify.formatMoney( item.price ) + '</span></div>';
        
        jQuery('#cart-items').append(itemDiv);
      });
      jQuery("#minicart-content").show();
    }
}  

function truncateString(str, length) {
  return str.length > length ? str.substring(0, length - 3) + '...' : str
}