使用minicart.js顯示購物車中的物品數量

問題： 如何使用minicart.js腳本顯示用戶購物車中物品的數量？使用minicart.js顯示購物車中的物品數量

背景故事： 我正在開發一個靜態的HTML網站，使用標準的PayPal按鈕和minicart.js

銷售少量的產品，我想有一個區域，在我的網站的標題是顯示目前在「購物車」中的物品數量，但我無法弄清楚如何去做。在minicart.js網站上沒有詳細說明這個功能的例子。

我確信它可以完成，但我很茫然。任何幫助將不勝感激。謝謝！

來源

2014-05-15 Evster

你需要有某種基本的問題才能得到有效的響應。 StackOverflow的要點是首先嚐試解決方案併發布失敗的代碼。 – 12hys

感謝您檢查我的問題。我已經編輯了它，使我需要幫助的「問題」部分更加清晰。 – Evster

我設法找到一種方法來實現我在尋找通過minicart.js設置必要的變量，然後通過jQuery來操作它。

minicart.js給我以下變量其中當前購物總輸出：

paypal.minicart.cart.total();

我然後把該變量和應用一些jQuery的該轉換此變量爲被稱爲「cartTotal」一個單獨的變量，其檢查並且每次在頁面上發生用戶交互（即點擊或按鍵）時都會更新。我發現爲了一切正常工作，需要短暫的延遲。有趣的是，按鍵檢查比鼠標點擊需要更長的延遲。

我最後的（現在）工作的代碼如下：

$(document).ready(function() { 
    var cartTotal = paypal.minicart.cart.total(); 
     $('input#cart').val('$' + cartTotal); 

    $("body").click(function() { 
      setTimeout(function() { // Setting slight delay on function to accomodate for button push of removing items from cart 
      var cartTotal = paypal.minicart.cart.total(); 
      $('input#cart').val('$' + cartTotal); 
     }, 100); 
    }); 


    $("body").keypress(function() { 
     setTimeout(function() { // Setting longer delay on function to accomodate for key push of removing items from cart 
      var cartTotal = paypal.minicart.cart.total(); 
      $('input#cart').val('$' + cartTotal); 
     }, 900); 
    });

來源

2014-05-16 01:36:43 Evster

使用minicart.js顯示購物車中的物品數量

回答

相關問題