Make a draggeable shopping cart

I need a draggeable / graphic order form – see [login to view URL] looking a little like this on my website : [login to view URL] Please see attached file for graphic overview. The object in the carrousel (or instead of a carrousel and for the sake of easiness we can make boxes with the product inside like in the programmed jquery example above) must be draggeable to the right directly from the right side of the screen / carrousel. For each draggeable item upon hover (the text must be viewable upon hover either on the right or left side – this means for both chosen and non-chosen objects) a specific text must be available that briefly explains the product. On the right there must be a pallet for the goods on which the customer can put on the cartons. Below there must be a ticker for small and big pallets (there will be a difference in number of cartons that can be put on the two different pallets)– this ticker calculates the total amount of cartons on each pallet. For each of the two types of pallets there must be a MQO (minimum quantity order). At bottom also there must be a calculator that continously calculates the total amount delivery inclusive based on the chosen cartons. The total amount is based on the cartons taken(chosen) and pallet type. Step 2 – filling out of delivery adress, mail and contact details. Step 3 – payment with paypal express Step 4 – order confirmation to customer. -> must be implementeable in bootstrap