在結帳時的收件資料欄位要設計得比較符合台灣當地的使用習慣的話,可以利用如 Woocommerce Checkout Field Editor (官方)或 WooCommerce Checkout Manager 這兩個外掛來設計收件欄位。但若不想另外安裝外掛時,也可以利用一小段的程式碼來達到相同的目地。

修改前

修改後


只要使用程式碼把不保留的欄位刪除即可,不需要外掛也能達到同樣效果。

帳單欄位

add_filter( 'woocommerce_billing_fields' , 'cloudwp_custom_billing_fields' );
function cloudwp_custom_billing_fields( $fields ) {
unset($fields['billing_state']);
unset($fields['billing_country']);
unset($fields['billing_company']);
unset($fields['billing_address_2']);
return $fields;
}

收件欄位

add_filter( 'woocommerce_shipping_fields' , 'cloudwp_custom_shipping_fields' );
function cloudwp_custom_shipping_fields( $fields ) {
unset($fields['shipping_state']);
unset($fields['shipping_country']);
unset($fields['shipping_company']);
unset($fields['shipping_address_2']);
return $fields;
}

要使用以上的程式碼的方法很簡單,先打開主題中的 functions.php ,再複製貼上就完成了。

8 thoughts on “WooCommerce 自訂收件欄位

  1. 您好:
    謝謝提供有用修改方式~暗示我修改後會成下圖。
    欄位顯示有:名字、姓氏、地址、鄉鎮市、郵遞區號、電子郵件、連絡電話。
    不知道是否為版本問題?謝謝

    1. woocommerce_billing_fields 換成 woocommerce_checkout_fields 試試。

      add_filter( ‘woocommerce_billing_fields’ , ‘cloudwp_custom_billing_fields’ );
      function cloudwp_custom_billing_fields( $fields ) {

      換成:
      add_filter(‘woocommerce_checkout_fields’, ‘cloudwp_custom_checkout_fields’);
      function cloudwp_custom_checkout_fields($fields) {

      因為 billing_fields 會變動結帳頁帳號頁的帳單地址,所以才會變得怪怪的。

  2. woocommerce_billing_fields 換成 woocommerce_checkout_fields 試試。

    add_filter( ‘woocommerce_billing_fields’ , ‘cloudwp_custom_billing_fields’ );
    function cloudwp_custom_billing_fields( $fields ) {

    換成:
    add_filter(‘woocommerce_checkout_fields’, ‘cloudwp_custom_checkout_fields’);
    function cloudwp_custom_checkout_fields($fields) {

    因為 billing_fields 會變動結帳頁帳號頁的帳單地址,所以才會變得怪怪的。

  3. 請問這是在 themes裡面的functions.php裡面嗎?找不到相關的欄位

    1. 這是要加在 functions.php 裡的短代碼。

  4. 您好 如果要移除以下的內容 該怎麼修改呢?
    https://i.imgur.com/EQRbbaL.png

    1. 你好,你問的是完成結帳頁,和本文章無關,你可以到 WooCommerce 的社團中提問。
      https://www.facebook.com/groups/woocommercetaiwan

      1. 感謝前輩回應
        應該不算是結帳頁面
        是訂單完成後 寄給訂購者的信件內容
        是 一般我們結帳完後
        除了看到訂單資訊外
        也會寄送信件給訂購者
        因為既然填寫訂單有修改只需要填寫必要的資訊
        之後顯示出來的訂單資訊不是也可以改成所填的資訊內容

留言功能已關閉。