Wordpress | 架站工具 | 科技資訊

修改Woocommerce 結帳資訊欄位

2017-04-05
修改Woocommerce 結帳資訊欄位

Woocommerce是非常好用的電子商務外掛
只要簡單幾個步驟馬上就能上架商品
可是Woocommerce預設的結帳表單很複雜
有的時候我們只要顧客填寫簡單的結帳資料就可以了
那要如何將這些我們覺得不需要的欄位刪除呢?

修改Woocommerce 結帳資訊欄位
Woocommerce預設的表單又臭又長,拜託又不是身家調查…

如何修改Woocommerce表單?

Woocommerce表單修改的位置在wp-content/plugins/woocommerce/includes/class-wc-countries.php
也可以在控制台>外掛>外掛編輯器中找到
搜尋

‘company’ => array(
‘label’ => __( ‘Company Name’, ‘woocommerce’ ),
‘class’ => array( ‘form-row-wide’ ),
),

‘city’ => array(
‘label’ => __( ‘Town / City’, ‘woocommerce’ ),
‘required’ => true,
‘class’ => array( ‘form-row-wide’, ‘address-field’ )

將你想刪除的欄位語法最前面加上雙斜線就可以將原本的語法變更為備註說明
前台就不會顯示原本的欄位囉

修改Woocommerce 結帳資訊欄位
如果在company及city語法前加入雙斜線前台就不會顯示公司及城市欄位了
修改Woocommerce 結帳資訊欄位
此處也可以修改相對應的欄位名稱

修改姓名順序

因為歐美的姓氏跟中文的姓氏順序不同
如果按照原本的欄位
中文姓名順序就會錯掉
我們也可以在class-wc-countries.php 中調整last_name和first_name的順序就可以了




‘{name}’ => $first_name . ‘ ‘ . $last_name,
改成
‘{name}’ => $last_name . ‘ ‘ . $first_name,

修改Woocommerce 結帳資訊欄位
交換last_name和first_name的位置就能正確顯示中文姓名

將姓、名欄位位置交換:

first_name’ => array(
‘label’        => __( ‘First Name’, ‘woocommerce’ ),
‘required’     => true,
‘class’        => array( ‘form-row-first’ ),
‘autocomplete’ => ‘given-name’,
),

‘last_name’ => array(
‘label’        => __( ‘Last Name’, ‘woocommerce’ ),
‘required’     => true,
‘class’        => array( ‘form-row-last’ ),
‘clear’        => true,
‘autocomplete’ => ‘family-name’,

改成

‘last_name’ => array(
‘label’        => __( ‘Last Name’, ‘woocommerce’ ),
‘required’     => true,
‘class’        => array( ‘form-row-last’ ),
‘clear’        => true,
‘autocomplete’ => ‘family-name’,
‘first_name’ => array(
‘label’        => __( ‘First Name’, ‘woocommerce’ ),
‘required’     => true,
‘class’        => array( ‘form-row-first’ ),
‘autocomplete’ => ‘given-name’,
),

將語法調整完畢後來看看結果
是不是感覺簡明許多了呢?

修改Woocommerce 結帳資訊欄位
將欄位調整後就可以省去許多不必要的欄位減少客人下單的阻力囉