當特定產品差異（例如免費）添加到購物車時，如何顯示彈出窗口？

我希望有人能幫助我，因爲我還沒有能夠通過Google或Stack Overflow搜索引擎找到任何相關的東西（除非我的搜索條件真的很愚蠢）！當特定產品差異（例如免費）添加到購物車時，如何顯示彈出窗口？

我有一個基於Woocommerce的網站，提供各種格式和定價結構中的很多產品。

E.G.產品具有以下變體：物理/數字（免費）/數字（付費）

任何人都可以在正確的方向指向我顯示通用彈出窗口（以提示捐款），免費簡單產品和/或免費產品變體被添加到購物車？

只有當購物車中沒有付費物品時纔會發生這種情況。

希望是有道理的 - 任何幫助非常感謝 - 請在需要時澄清，這是一個漫長的一天！

:-)謝謝！

埃德

來源

2017-08-31 Ed Tyler

歡迎來到StackOverflow。請閱讀[如何提問]（https://stackoverflow.com/help/how-to-ask），幷包含您嘗試過的內容。 – Antimony

好的，謝謝你，銻，我只是剛剛在這裏註冊，所以可能有點倉促 - 我會在早上重新訪問這一點，併爲我的嘗試添加更多細節！ –

其實，這是我將如何接近這個問題：

1步：安裝的JavaScript插件如https://www.ostraining.com/blog/wordpress/custom-js/

第二步：進入到WordPress站點

的代碼編輯器步驟3：打開/編輯模板選項

第4步：用PHP編寫一個函數來檢查你的「購物車」，並調用JavaScript函數在您的購物車比較項目

第5步：進入JavaScript的插件，您剛纔安裝的，寫這個JavaScript函數來比較購物車中的物品並向用戶彈出消息（提醒對話框）

如果您想知道如何使用JavaScript比較項目，如果項目存儲在數組中，那麼看看這個方法：https://stackoverflow.com/a/11092338/4190159

並彈出警報/消息對話框，你可以試試這個：https://www.w3schools.com/js/js_popup.aspJavaScript代碼

例子來比較，並彈出一個警告：

var allItems = ["PaidItem1", "FreeItem1", "PaidItem2"]; 
var paidItems = ["PaidItem1", "PaidItem2"]; 
var item; 

for (var i=0; i < paidItems.length; i++) { 
    item = paidItems[i]; 
    if (allItems.indexOf(item) >= 0) { 
alert("This is a paid item"); 
    } else { 
alert("This is a free item"); 
    } 
}

希望這有助於！

來源

2017-08-31 23:19:31

嗨Somdip，感謝您的快速反饋！這很有趣 - 我現在正在閱讀這個鏈接，但不幸的是，我對JS不太瞭解（過去是從教程中學來的）......你介意爲我提供一個簡單的例子嗎？不用擔心，如果這是一個太大的問題，這是我在這裏的第一篇文章，所以我仍然閱讀禮儀信息！ –

@EdTyler你打算如何在你的購物車中儲存或添加物品？您是否知道或瞭解用於保存購物車中物品的數據結構？ ....我問的原因是因爲JavaScript的實現還取決於用於保存項目的數據結構，以便可以使用函數進行比較 –

感謝Somdip - 我使用默認的Woocommerce來添加產品到這個購物車，但聽起來可能是我需要去做一些更基本的JS學習，然後才能進入這個領域！非常感謝您的建議 - 一切順利！ –

當特定產品差異（例如免費）添加到購物車時，如何顯示彈出窗口？

回答

相關問題