使用拖放在magento中添加產品到購物車

Question

我想添加產品到購物車使用拖動&下降。 爲此，我使用jQuery UI Droppable。代碼是： -

<script src="http://code.jquery.com/jquery-1.8.3.js"></script> 
    <script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css" /> 
    <script> 
    $(function() { 
$(".category-products").accordion(); 
$(".product-name").draggable({ 
    appendTo: "body", 
    helper: "clone" 
}); 
$(".block-content ol").droppable({ 
    activeClass: "ui-state-default", 
    hoverClass: "ui-state-hover", 
    accept: ":not(.ui-sortable-helper)", 
    drop: function(event, ui) { 
    $(this).find(".placeholder").remove(); 
    $("<li></li>").text(ui.draggable.text()).appendTo(this); 
    } 
}).sortable({ 
    items: "li:not(.placeholder)", 
    sort: function() { 
    // gets added unintentionally by droppable interacting with sortable 
    // using connectWithSortable fixes this, but doesn't allow you to customize active/hoverClass options 
    $(this).removeClass("ui-state-default"); 
    } 
}); 

}）;

使用此代碼產品名稱將成爲可拖放到購物車，但它們不會添加到購物車。我嘗試但不能將產品名稱添加到購物車。請幫幫我。

Answer 1

假設您的產品沒有任何自定義選項。

Store中的產品ID，你的產品列表中的隱藏字段（可拖動LI）

 <li>Lolcat Shirt 
      <input type='hidden' value='2' name='pid' /> 
     </li> 

然後做

drop: function(event, ui) { 
    $(this) 
     .addClass("ui-state-highlight") 
     .find("> p") 
     .html("Dropped!"); 

    add product to cart 
    p_id = ui.draggable.find('input[name="pid"]').val(); 
    $.get("/path/to/app/checkout/cart/add?qty=1&product=" + p_id) 

    return false; 
    } 

見http://jsfiddle.net/C2Ufk/

你需要做類似的東西刪除項目

Answer 2

我得到了一個模塊sa我..

Drag & Drop Sort Products它對我來說工作得很好..真的很棒的發展。