WooCommerce：隱藏付款按鈕，直到選擇運輸

我已經聯繫了幾年前我爲其製作網站的客戶。那是在我從頭開始製作自定義主題之前，所以這是一個模板/兒童主題的混亂。WooCommerce：隱藏付款按鈕，直到選擇運輸

客戶希望結賬部分的底部只在用戶選擇運送時才顯示，否則用戶只需點擊即可結束結賬過程的最後一步，而無需選擇運送。據我所見，任何包含div的任何包含div的視圖都不會更改爲另一個視圖，所以我找不到任何要用CSS定位的內容，這些內容將隱藏此部分，直到用戶位於正確的視圖中。有沒有人有任何想法，我可以如何實現這一目標？

該網站是在這裏：http://www.hidalgoequine.com

非常感謝！

來源

2016-10-19 Tristan McDonald

試圖用CSS來做這似乎不是正確的做法。您應該提供所需的運輸字段，這樣用戶無法點擊下一步，因爲他們必須先填寫運輸。 – Christophvh

感謝您的回答。據我所見，運費已設置爲必填項，但問題在於付款方式/「下訂單」div在結帳過程的所有階段都可見，因此用戶可以點擊即可在WorldPay結帳之前進行點擊添加他們的地址。我反對黑客，但這個客戶不支付這項工作（他們認爲這是對原始網站的錯誤），所以我正在尋找任何功能解決方案。 –

添加您的自定義「上一個」和「下一個」按鈕在主題重寫爲woocomerce檢出頁面（或）使用jquery，添加您的自定義按鈕並附加事件 - 基於該顯示/隱藏。例如隱藏運輸。 jQuery的（「six.columns.shipping」）隱藏（）;基於CSS活動/跟蹤步數並相應地顯示div。最後一步顯示付款選項，然後顯示paynow按鈕。

來源

2016-10-19 11:33:00 Senthil

謝謝Senthil。不知道我完全理解你的答案，但我會根據無序列表的狀態和結帳步驟嘗試一個jQuery hack（活動視圖的li有一個'active'類），我會在這裏發佈解決方案，如果我得到這個工作。 –

WooCommerce：隱藏付款按鈕，直到選擇運輸

回答

相關問題