Carrito de compras con drag and drop hecho en jQuery

A la hora de hacer carritos de compras online, hay muchísimas opciones en lo que es la interfaz del usuario. Desde checkbox, botones, o arrastrar ítems al carrito de compras.

Este recurso de Superdit es el tutorial/código para hacer este último método de una forma muy sencilla. El tutorial explica paso a paso el código HTML, el Javascript (que utiliza jQuery y jQuery UI) y el CSS, todo totalmente personalizable para poder adaptarlo a nuestros proyectos.

Droppable y draggable son las funciones que utiliza de jQuery UI para arrastrar, mientra que todo el resto de la interactividad está realizada con jQuery standard.

Acá se puede ver un demo online, y aquí bajarse los archivos de fuente (aunque recomiendo leer el tutorial previamente).