WooCommerce 購物車設定 – 符合訂單金額加入其它商品至購物車

WooCommerce 購物車設定

WooCommerce 購物車設定 – 符合訂單金額加入其它商品至購物車

1. WoCommerce 加入函數修改購物車設定方式

WooCommerce 購物車設定 是可以透過加入 php 函數的方式,來變更顧客在結帳時可觸發的事件,尤其在 WooCommerce 本身沒有提供更多選項來自訂網站銷售條件的狀況下,以函數改變或者客製化交易規則是一個不錯的辦法。

在本篇教學中,將會說明如何在網站子主題中加入自訂函數,當顧客購買的訂單金額符合我們的期望值時,自動加入另一項商品至購物車中,而這個函數的功能在實務上常應用在 ” 滿額贈禮 ” ,如果説搭配折價卷功能,也可以讓額外商品做折價,整題來說,就是能讓商店行銷手法變得更加靈活自由。

PHP 手冊 if 條件式迴圈顯示或執行給定植:https://www.php.net/manual/zh/control-structures.if.php

PHP 手冊 foreach 迴圈流程控制:https://www.php.net/manual/zh/control-structures.foreach.php

WordPress Codex 函數參考:add_action

WordPress Child Theme 開發人員說明:https://developer.wordpress.org/themes/advanced-topics/child-themes/

注意事項:適用 WordPress 5.0 ( Beta )或以上版本

• 使用 Funtion 指定金額變數與執行所需商品 ID

第一步:使用 add_action 來設定函數啟動前提:當 add_product_to_cart 與 template_redirect 重定向同時發生時,將會執行 if 條件式的陣列迴圈,在最外層陣列的 if 中必須先定義變數所代表的值,也就是給定 $product_id、$cart_total = 50 這兩個設定值,而 $found = false 是預先定義 if 迴圈,每一次執行是都將初始化比對購物車總金額的動作,而中層及內層的 if 陣列則是在定義購物車新增傷商品條件式,如果購物車數量大於 0 時,將會比對購物車金額的數值,以下方範例而言,當條件成立時時將會自動將指定 id 的商品加入到購物車中,也就是說,當購物車金額到達 50 元或以上時,將自動加入商品 id 為 50 的商品至購物車中。

 

第二步:將函數加入  your-child-theme/function.php 內,紅字的部分是網站所使用的子主題名稱,在主題編輯器中選擇網站子主題,目錄中點選 funtion.php 檔案,將函數加入編輯畫面結尾處,如下圖所示。

WooCommerce 加入購物車功能

 

第三步:下方為函數執行後的結果示意圖。

WooCommerce 加入購物車功能

 

結語:

最後做個小提醒,在變更商品 id 及金額限制的數值時,以英文鍵盤輸入數字在更新 funtion.php 文件時,才不會發生錯誤,如果使用複製貼上的方式,會將文書軟體中一些看不到的字元格式也一併貼上,在更新時就容易導致錯誤。

今天的教學到這裡告一段落了,不要忘記在右側訂閱鵠學苑電子報,確保收到最新 WordPress 教學文章,如果有網頁設計相關需求,或者想了解最新網站知識,也可以到 鵠崙設計 做線上免費諮詢喔!我們下次的教學見~

WooCommerce Funtion (函數) 教學相關文章:

WooCommerce 加入購物車功能 – 使用函數自訂按鈕文字內容

WooCommerce 關閉密碼強度 – WordPress 加入函數與啟用外掛

WooCommerce 自訂函數 – 在單一商品頁加入標題文字

使用 Google 自訂搜尋引擎取代WordPress站內搜尋步驟教學

WordPress 禁用 Gutenberg 編輯器的兩種方法(外掛與函數)

WordPress PHP 教學 網頁修改及網站設定

網站架設知識推薦閱讀:

Google One 介紹 – 全新雲端硬碟方案,擴充更多儲存空間!

Chrome 移除蓋版廣告?Google 12 項廣告體驗規範簡易說明

無障礙網站介紹-規範說明、檢測工具與操作影片

分享在 facebook
Facebook
分享在 skype
Skype
分享在 pinterest
Pinterest
分享在 email
Email
鵠學苑

鵠學苑

我們是由一群熱愛 WordPress 網站架設的同好所組成的團隊,希望可以將這套 頂尖的 CMS 管理系統推廣給想要架站的朋友們,並且能夠在過程中互相交流心得,讓網站架設過程變得更有效率!

訂閱電子報

立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!

熱門文章

最新文章

相關文章

標籤雲

Sign up for our Newsletter

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit

Scroll to Top