[WordPress] 調整適合WooCommerce 在台銷售結帳頁欄位(含 ...
文章推薦指數: 80 %
結帳頁(checkout)、登入後台修改地址頁(my-account)都同步欄位修正; 地址部分 ... 按下下單後訂購人地址會被清空,出現”請填寫地址進行下一步.
跳至主要內容
本篇文章更新時間:2020/01/07如有資訊過時或語誤之處,歡迎使用Contact功能通知。
一介資男的LINE社群開站囉!歡迎入群聊聊~如果本站內容對你有幫助,歡迎使用BFXPay加密貨幣或新台幣贊助支持。
如標題,剛好這件事最近比較常要做,乾脆先整理成snippet程式碼片段來用!
主要是結帳資訊簡化與最佳化輸入地址和郵遞區號的部分。
這塊透過自訂也比使用外掛來管理結帳欄位來的準確以及有效
測試調整欄位的外掛在某些主題下都會有方法權重問題,也是因為不夠準確才會寫這篇
目前功能:
結帳頁(checkout)、登入後台修改地址頁(my-account)都同步欄位修正
地址部分採用下拉選單選取地址並自動產生郵遞區號方便填寫(此功能引用並感謝essoduke大的jQuery-TWzipcode專案)
目前更新支援到WooCommerce3.3版,2.6版本的請前往這裡。
套用結果如圖:
其中地址連動功能:
Gist:Link
使用方法
先將這檔案「jquery.twzipcode.min.js」右鍵另存新檔,並上傳於當前使用主題目錄js下(如果沒有就建立,建議使用子主題)
再將下列snippet程式碼片段複製貼上functions.php末端,完成!(注意,不要複製到第一行
)
分享此文:FacebookTwitter
相關
Share:
作者:Chun
資訊愛好人士。
主張「人人都該為了偷懶而進步」。
期許自己成為斜槓到變進度條100%的年輕人。
[///////////____34%_________]
文章導覽
上一篇文章下一篇文章:[WordPress]使用遠端圖片連結建立文章特色圖片下一篇文章下一篇文章:[分享]神作攻殼機動隊的解析
參與討論
122則留言
自動引用通知:WordPress教學–自動帶出郵遞區號–Max的程式語言筆記
您好,請問用了上述的結帳欄位調整後,商店是否就無法銷售給台灣以外的地區?
有試著按照教學function檔,但結帳時便無法選擇國別了,該如何再優化呢?謝謝
回覆
這部分要啟用或不啟用會是看你想銷售的區域而定(或是語言),範疇也離開本篇囉!但方向差不多是這樣,設定語系或地區先,再來套用對應的功能
回覆
請問第一步驟無法下載那個檔案怎麼辦
回覆
我還可以下載的說,是碰到什麼問題嗎?
回覆
前輩好,
我一開始也是遇到「無法下載」的問題,因為我按右鍵,沒有「另存新檔」這個選項。
後來我嘗試按「另存連結」,就可以下載檔案了。
因為我之前試過其他文章提供的代碼,問題還真不少,尤其是下拉縣市郵遞區號的選單,其他文章是將js網址放在代碼中,不曉得為什麼總是無法成功,還造成其他的問題。
而前輩這篇教學則是將「js檔案」放在子主題中,這個作法終於成功了,而且更快,謝謝你提供這麼完整的代碼與教學。
鞠躬
回覆
請問下如果想要更改縣市選項位置該更動哪裡才好?謝謝
回覆
位置的話可能是寫CSS部分多。
如果會用JavaScript寫的話可以參考這篇回覆:
https://goo.gl/orkgDm
回覆
你好,使用佈景主題為Storefront
照步驟弄好了之後,格式改變了,卻沒有產生下拉選單https://uploads.disquscdn.com/images/35e817d48b0c0a7117ca804b1ae6c63ab87faef7b1879a55bd79d8a8bdd9004d.jpg
再麻煩前輩看一下
回覆
在Chrome開發模式下console有出現什麼資訊嗎?以及有把jquery.twzipcode.min.js放到當前主題目錄下的「js」資料夾否~?
回覆
不好意思,程式不太懂不知道第一個步驟怎麼做
jquery.twzipcode.min.js有放到「js」資料夾裏頭了https://uploads.disquscdn.com/images/8317638ea67dfc4ec0fceb5fbd5d0f62216ddc44a3716c5d78398d23520c2fa7.jpg
回覆
看圖不像是有放到名為「js」的資料夾哦!請確定一下路徑是主題目錄下storefront/js/這裡!
回覆
抱歉新手完全會錯意,已經按照步驟完成,非常詳細的一篇好文,感謝前輩的教學分享
想再詢問一下,安裝這個會影響到付款選項的格子嗎?
突然發現我的結帳頁面沒有付款選項,只有最後面結帳完才跑出ATM資訊
設定的綠界信用卡付款選項並沒有出現
回覆
應該是不會才是,最簡單的測試方式就是你把我這些操作先暫時移除測試看看!我只有動到結帳表單而已~
回覆
測試完,並沒有影響結帳功能,我自己設定有誤了,感謝前輩
回覆
請問function.php這個要去哪裡找?
回覆
如果我的Theme是用VoguePremium,那我JS檔案是不是就直接放在Premium的JS?
回覆
他要放置的地方就是「主題目錄下/js/這裡」,如果這麼巧主題已經有建立就用他的沒關係,如果沒有就建立!(建議使用子主題哦,不然你主題更新這些都會被洗掉)
回覆
好了之後我要在哪裡輸入上面的Code?
是這裡嗎:
woocommerce/includes/class-wc-countries.php
回覆
主題目錄下的functions.php哦!
回覆
我把code放倒funcrions.php末端,但是結帳頁面都沒有變ㄟ
回覆
你好,我想問不知道為什麼安裝完成後整個選擇運送方式的區塊會消失?目前測試用網址是ans0n.tw
回覆
請問大大,出現這些錯訊可能問題??
使用Storefront佈景主題,有出現地址選單,但有這些錯訊麻煩了
Notice:Undefinedindex:billing_first_namein/home/ABCD/public_html/wp-content/themes/storefront/functions.phponline100
Notice:Undefinedindex:billing_address_1in/home/ABCD/public_html/wp-content/themes/storefront/functions.phponline100
Notice:Undefinedindex:billing_postcodein/home/ABCD/public_html/wp-content/themes/storefront/functions.phponline100
Notice:Undefinedindex:billing_emailin/home/ABCD/public_html/wp-content/themes/storefront/functions.phponline100
Notice:Undefinedindex:billing_phonein/home/ABCD/public_html/wp-content/themes/storefront/functions.phponline100
Notice:Undefinedindex:billing_companyin/home/ABCD/public_html/wp-content/themes/storefront/functions.phponline100
Notice:Undefinedindex:shipping_first_namein/home/ABCD/public_html/wp-content/themes/storefront/functions.phponline131
Notice:Undefinedindex:shipping_address_1in/home/ABCD/public_html/wp-content/themes/storefront/functions.phponline131
Notice:Undefinedindex:shipping_postcodein/home/ABCD/public_html/wp-content/themes/storefront/functions.phponline131
Notice:Undefinedindex:shipping_companyin/home/ABCD/public_html/wp-content/themes/storefront/functions.phponline131
回覆
可以貼出來看那幾行分別是什麼嗎?
回覆
$billing_fields[$field]=$fields[“billing”][$field];
$shipping_fields[$field]=$fields[“shipping”][$field];
回覆
剛把Storefront主題裝起來測試,看了一下應該是因為主題包過。
但似乎不影響功能,應該沒事!換其他主題都正常無錯誤。
回覆
剛剛測試佈景主題shopper也是同錯誤訊息,不知道Chun大用的是哪個主題?謝謝~
這個東西真的好用!!真的太可惜~
結果我把環境都更新後也噴出這些警告。
修正好囉!再試試看~https://gist.github.com/nczz/f9d9b5ccc7037327cf41d1e6e52d93e6
已經可以正常了!!謝謝~
大大請問
下拉選單歪掉了
該怎麼調整呢?
不知道去哪裡條位置
https://uploads.disquscdn.com/images/e118d3b315bb005d64334267512a23af781de75dabe7cf0f1fe9348fbf332146.png
回覆
這塊需要會寫js包過html結構,或是要寫css去控制了!https://gist.github.com/nczz/f9d9b5ccc7037327cf41d1e6e52d93e6#file-woocommerce-checkout-fields-for-tw-php下方有討論修改的部分,參考看看
回覆
大大
我用最偷懶的方式
把姓名欄改成form-row-wide就整齊了
回覆
大大您好請教您,使用後,Browser會彈出取用位置座標?是哪段code會要求?
回覆
哈囉~在這邊喔!功能是自動透過瀏覽器幫忙判斷地理位置。
關閉為true改成false就好。
這功能只有在https加密連線下的網站才會出現
https://uploads.disquscdn.com/images/f9499834e3ffedae520169587b0460450b95f6ab79d1956e35cc562aa6b430fa.png
回覆
https://uploads.disquscdn.com/images/7c9ec8dd3f5f0b5012a4d75fb4b8ed79a4a47249b864be5973cf01768ef710f9.png
大大您好:請教您,使用您的code後不曉得什麼原因用綠界的系統會一直報錯「請選擇取貨門市」。
我使用flatsometheme!麻煩您了…
回覆
那款主題我手邊沒有,至於綠界的外掛是哪個呢?
回覆
請問要修改樣式的話要在哪一份css文件寫呢?謝謝
回覆
寫在主題內的客製化CSS中應該沒問題,至於確切的答案可能不一定哦!要看主題的架構來確定。
最直覺的作法就是寫在上面的程式裡也OK
回覆
結帳欄位的CSS樣式調整你可以參考元件組成:
#mxp-billing-zipcode–這是包在下拉選單最外層的divid
#mxp-billing-zipcode[name=”county”]–縣市
#mxp-billing-zipcode[name=”district”]–鄉鎮
#mxp-billing-zipcode[name=”zipcode”]–郵遞區號
先對這幾個設定好樣式CSS就可以在畫面中控制樣式。
例如:
#mxp-billing-zipcode{
width:100px;
}
請問這段要貼在哪裡才能更改呢?
回覆
Hi,CSS部分貼在結帳頁面中去設定就可以哦!不過準確的說是有用到我這段code的地方會比較好,如果你會改上面那些程式碼,可以補在之後,不確定怎捕的話可以試著改在全站都有include的CSS中
回覆
請問現在3.4版也能使用嗎?
回覆
目前沒碰到什麼意外就是~試試看囉!有問題再麻煩回報
回覆
大大,我原本使用RYWooCommerceTools時能正確顯示超商取件店
https://uploads.disquscdn.com/images/3a294585e62683dedd23e5dc105e1f586268686f170007b2de5a3ec50bd8bb92.png
不過加入code以後會看不到超商資訊,不知到哪裡需要調整?
https://uploads.disquscdn.com/images/26d5b2ce91617bd84cd9fdd6647c12ce33321fa5ea112dcdfbbdf0799e865c38.png
回覆
這邊要調整修改權重,把我這份的權重改低於RY的版本來搭配使用。
要動到程式
回覆
大大,想請問一下,如果離島不配送
想要隱藏部分的縣市,該怎麼做修改呢?
回覆
jQuery(‘#mxp-billing-zipcode’).twzipcode({
readonly:true,
detect:true,
hideContry:[‘金門縣’,’連江縣’,’澎湖縣’],
onCountySelect:changecb,
onDistrictSelect:changecb
});
找到上述程式碼中這段,替換成這份。
回覆
大大謝謝,不過我後來是直接把相關縣市的代碼刪除,請問這樣之後會有其他問題嗎?
回覆
不會,只是硬改的部分自己也是要記得,免得哪天要用發現找不回
回覆
大大您好,想再請問一下
我用的是OceanWP的主題
在加上了綠界電子發票的外掛後
結帳頁面就無法正確的運作,有解決的辦法嗎?
需要從程式面去調整權重
自動引用通知:[WooCommerce]片段(fragments)互動程式設計要點-一介資男
大大,請問一下
姓名後面這一塊
改成form-row-wide
後面一樣都顯示這樣
如果姓名是first電話是last
還是一樣
不管怎麼改都顯示這樣
有沒有其他的解決方法呢?https://uploads.disquscdn.com/images/dd36ce5c7ede081e98f51dad18658e0e8b4cb4750ff29da22cba13b75f0ffaa1.jpg
回覆
大大您好請問一下
依照您的教學設定後,頁面上並無出現“運送到不同的地址”
請問是哪邊設定有誤嗎?
採用的佈景主題為:GeneratePress的子佈景
謝謝
https://uploads.disquscdn.com/images/737955d92c272fd39c021e603c717a9e6ef0193d767cc8646309b8a05dbaac15.jpg
回覆
運送到不同的地址,這個是可以後台設定是否要開啟的功能。
設定->運送方式->運送選項,看看是否有勾到「強制運送至客戶帳單地址」這個選項。
回覆
非常謝謝您已經設定完畢謝謝您分享
另外有方便再請教一個問題嗎?
如果希望把下拉是選單(郵遞區號)那一列放置“地址”字樣的下方該怎麼做會比較好呢謝謝
回覆
透過CSS或是要改輸出結構的做法。
不過都很客製化了。
回覆
那我大致上理解囉謝謝您的回覆非常感謝您謝謝
感謝大大的程式,目前遇到一個問題,套用之後,使用Elementor做的網頁,有許多區塊都會變成空白,請問該如何修正?
回覆
我這些程式不會影響到其他頁面的說!就是結帳頁面而已。
你說的網頁是哪些?有沒有範例或是截圖呢?
回覆
本來是這樣
https://uploads.disquscdn.com/images/f3ccc8efb98db5ce598adfa194ea24fbdeb8c28c5596118b9c8d9ad15da345e8.png
貼上這段碼後,圖片就不見了,變成空白的,只剩文字,刪除程式碼後恢復正常
回覆
你貼的地方是主題下functions.php嗎?然後第一行不用貼哦!我的程式碼有確定只會動到結帳頁面,其他頁面會導致發生問題,還真的要從網站與程式部分下手了。
回覆
了解,謝謝你的回覆,我再研究看看。
我是從第二行開始沒錯,貼在子主題functions.php,不知是否會是多網站系統的問題?
我倒是沒在多站架構下測過,但看程式也照理不影響。
實在要特別深入去查證了
自動引用通知:[WooCommerce]結帳欄位的本地化功能Addressi18n|一介資男
感謝大大的貢獻,目前遇到一個問題,套用之後,不論是否勾選”運送到不同地址”,都會全時顯示兩個資訊區塊,原本是要瀏覽者勾選”運送到不同地址”後才會顯示第二個資訊區塊,請問有解嗎?
回覆
請問你是用哪個主題來搭配?
回覆
QodeBridge
回覆
挖勒~手邊還真沒有這套可以測試了!目前是沒有發生過這種衝突的說
回覆
我用oceanwp,woo3.3版,也一樣會這樣耶
剛剛測試出來了,是最後一段會導致這個問題,更新目前最新的snippet就好囉!試試看~
更新後是正常了,但我有發現一個問題,在您今晚尚未更新前就發現了,您今晚更新後,此問題一樣存在,那就是它會把我綠界物流的運送方式消失,我錄成一個影片,供您參考
https://www.facebook.com/2726297250773716/videos/354996145221373/
這部分是在程式碼片段中「移除在購物車計算運費的方法」這邊處理的,你可以註解那整段測試看看!我把計算運費的部分不在購物車階段處理
OK,非常感謝您的回覆!沒問題了XD
打擾了,想請教一個問題,您提供的程式碼是可以用的,但我發現一個問題,就是若配合綠界物流的話,選完門市後,門市的資訊會是「空的」,且左邊所填的會員欄位會被清空,但我試著把您的程式碼先關掉,則門市選完後就正常,這樣不知是否算是程式碼與綠界有所衝突呢?提供網址參考如下:https://jwoo.tw/checkout/?add-to-cart=209&quantity=3
感謝!
回覆
我跟你有一樣的問題
回覆
你好,請問如果我想將shipping_phone加入到「新訂單」EMAIL中的「運送地址」,我該怎麼做呢?
回覆
你可以參考我這篇,[WooCommerce]調整結帳欄位的終極指南https://www.mxp.tw/8588/學學看!
回覆
您好,我用您的程式碼一切良好,但原本會顯示載具(包含選擇手機條碼那些欄位)的欄位會消失不見,暫時刪除程式碼後恢復正常。
請問有解決方法嗎?
感謝您!
回覆
Hi!我猜你是用綠界電子發票模組,過去有過類似案例。
那模組我看這幾天還有更新,可以先試著更新看看!如果還沒有辦法解決,就可能是別的原因了,都需要去細查。
回覆
您好,在刪除程式碼第142~414行(原程式碼行數)後恢復正常,請問這段程式碼的作用是什麼?
感謝您!
回覆
您好,在刪除程式碼第142~414行(原程式碼行數)後恢復正常。
請問該段程式碼作用為何?
謝謝您!
回覆
因為兩個外掛互搶結帳表單所導致,需要調整外掛中的設定,這部分頗工程,也是當個案來看了
回覆
您好,在刪除程式碼第142~414行(原程式碼行數)後恢復正常。
請問該段程式碼作用為何?
謝謝您!
回覆
感謝大大非常有幫助的程式碼,
我發現shipping欄位的信箱、電話並不會出現在結帳成功的頁面和訂單通知email內,
請問有解決辦法嗎?謝謝。
回覆
哈囉!
結帳成功是觸發thankyoupage的事件,可以參考這篇:https://businessbloomer.com/woocommerce-add-text-thank-page/
而訂單通知的email則可以參考這篇:https://businessbloomer.com/woocommerce-visual-hook-guide-emails/
要做客製化調整都會有開發的成份在,可以研究一下~
回覆
感謝,
另外最近出現一個新問題,
按下下單後訂購人地址會被清空,出現”請填寫地址進行下一步.”導致無法下單的循環,
試過刪掉//移除在購物車計算運費的方法,也是一樣,請問是何問題?謝謝
回覆
送出訂單後地址會消失的問題,
關掉外掛WooCommerceBlocks就好了。
回覆
請問與WooCommercev3.9會有衝突嗎?
回覆
目前沒什麼問題哦!你可以試試看
回覆
請問結帳頁面關於商品名稱的這個部分欄位可以調整嗎??嘗試了好久不知道怎麼弄,手機板檢視的話會變這樣
https://imgur.com/bbQzqnX
也是用綠界
回覆
Hi,不確定你的需求是如何,這部分建議有開發經驗或是找有開發經驗的人調整比較合適
回覆
使用綠界串接
沒有使用其他更改表格的外掛
使用代碼前能正常操作超商取貨及取貨付款
使用代碼後,正常選完電子地圖的超商後
會一直跳出
請選擇取貨門市
帳單超商取貨門市名稱為必填欄位。
帳單超商取貨門市地址為必填欄位。
帳單超商取貨門市代號為必填欄位。
導致無法送出下單
但網頁上都有顯示已選取超商的各項資訊
弄了好久,找不出原因
還麻煩版大解惑了!
回覆
我跟妳一樣的問題
回覆
我更新過文中的code對應目前最新版的綠界物流囉!可以再貼過取代試試看~
回覆
請問使用WooCommerce3.8.1
綠界超商選好後送出訂單會不成功錯誤訊息是請選擇取貨門市,
主題ShopIsle
回覆
文中的程式碼用在調整結帳欄位,而綠界超商外掛也會調整,兩者會造成一些衝突需要排除才可以正常使用。
回覆
我更新過文中的code對應目前最新版的綠界物流囉!可以再貼過取代試試看~
回覆
太棒了可以了但是免運條件達到時就無法選擇超商
回覆
利用flatsome添加代碼
在綠界上面出現
“”沒有可用的送貨選項。
請確認輸入正確的地址,如果需要任何協助,請與我們聯絡。
“”
請問有人有遇到這情況嗎?該怎麼解決,謝謝
回覆
看起來這是發生在運費地區沒有設定好
回覆
前輩好,
謝謝你的教學,運作地很好,也很容易上手。
我想修改你的代碼的placeholder,我改成這樣(只有改placeholder):
functionmxp_custom_override_my_account_billing_fields($fields){
//補上欄位定義就好,不需指定權重
$fields[‘billing_company’]=array(
‘type’=>‘text’,
‘label’=>‘公司名稱’,
‘placeholder’=>‘如需打統編,請填寫正確的公司抬頭’,
‘required’=>false,
‘class’=>array(‘form-row-wide’),
‘label_class’=>array(),
‘clear’=>true,
‘options’=>array(),
);
$fields[‘billing_company_tax_id’]=array(
‘type’=>‘text’,
‘label’=>‘公司統編’,
‘placeholder’=>‘如需打統編,請填寫正確的公司統編’,
‘required’=>false,
‘class’=>array(‘form-row-wide’),
‘label_class’=>array(),
‘clear’=>true,
‘options’=>array(),
);
但是實際沒有出現我改的「如需打統編,請填寫正確的公司統編」
(其實我在許多placeholder的地方都有改文字,可是都沒有顯示我改的?)
可以請前輩幫我看一下這個頁面嗎?謝謝你
https://weing.com.tw/checkout/
回覆
前輩,不好意思,我找到修改placeholder的地方了,在代碼的672~677列,在這裡修改後就能正常顯示了。
不曉得28、38、77、87、97、107、145、178、200、211、222、233這幾行的placeholder所修改的數值,是否要和672~677列的數值相同?
回覆
Hi~同樣用途的欄位都可以使用同樣的placeholder沒問題哦(有改就同步)
程式碼內操作到的「結帳欄位」,範圍不只有在結帳的時候,還有包含「我的帳號」頁面內的顧客資訊,這兩邊都有獨立客製化的彈性,所以我就寫一起同一份來調整。
回覆
好的,謝謝。
回覆
不好意思,另外想請教:
我的主題是OceanWP,
我想將「縣市」、「鄉鎮」、「郵遞區號」這三個欄位並排。
所以我先將將「郵遞區號」的’priority’與「地址」交換:「郵遞區號」改成’priority’=>4
因為我只知道二個欄位並排,前面那個是’form-row-first’,後面那個是’form-row-last’
所以將「縣市」的’class’改成’form-row-first’
再將「鄉鎮」的’class’改成’form-row-last’,
可是不曉得如果「郵遞區號」也要加入一起並排的話,’class’要如何寫?
回覆
可以參考這篇:https://stackoverflow.com/questions/48793085/customizing-checkout-fields-on-2-columns-in-woocommerce-cart-page/48793444除非OceanWP這主題有包裝過方法,不然就是要客製化了。
回覆
謝謝前輩,因為我想要「縣市」、「地址」、「郵遞區號」這三個一列。
「公司名稱」與「統一編號」這二個一列,於是便想說幫這些欄位個別設定寬度。
想請教為什麼我寫成下面這樣的CSS無效?
@media(min-width:768px){
.woocommerce.form-row-first#billing_state_field{
width:30%!important;
float:left!important;
margin-right:5%!important;
clear:both!important;
}
.woocommerce.form-row-last#billing_city_field{
width:30%!important;
float:left!important;
margin-right:5%!important;
clear:both!important;
}
.woocommerce.form-row-last#billing_postcode_field{
width:30%!important;
float:left!important;
margin-right:0%!important;
clear:both!important;
}
.woocommerce.form-row-first#billing_company_field{
width:55%!important;
float:left!important;
margin-right:5%!important;
clear:both!important;
}
.woocommerce.form-row-last#billing_company_tax_id_field{
width:40%!important;
float:left!important;
margin-right:0%!important;
clear:both!important;
}
}
回覆
另外想請教前輩,代碼裡新增的”billing_company_tax_id”這個欄位,下單時有填寫「統一編號」,但是Email通知信裡面卻沒有出現,只出現「公司名稱」。
請問如果要讓「統一編號」也出現在Email通知信裡面,是要另外加代碼去設定嗎?
回覆
信件裡的客製化欄位顯示可以參考我這篇:[WooCommerce]訂單信件中加入客製化欄位的預設方法https://www.mxp.tw/9031/
回覆
好喔,謝謝你
回覆
前輩,不好意思,我將「訂單信件中加入客製化欄位」的那段程式碼的「收件人電話」改成「公司統編」,再將「_shipping_phone」都改成「billing_company_tax_id」。
但是在CodeSnippet外掛中新增後,訂單通知信裡面還是沒有出現「公司統編」,不曉得是哪裏改錯了?可以請前輩幫我看一下我修改的代碼嗎?
我修改的程式碼是這樣:
add_filter(‘woocommerce_email_order_meta_fields’,‘mxp_woocommerce_email_order_meta_fields_billing_company_tax_id’,10,3);
functionmxp_woocommerce_email_order_meta_fields_billing_company_tax_id($fields,$sent_to_admin,$order){
$fields[‘billing_company_tax_id’]=array(
‘label’=>__(‘公司統編’),
‘value’=>get_post_meta($order->id,‘_billing_company_tax_id’,true),
);
return$fields;
}
回覆
除錯的順序是先印出來看看$fields裡面是否含有tax_id的這個屬性,再來就是把label與value配一個自己指定的值來印出看看!避開呼叫方法失敗的問題,先確認操作方向正確。
回覆
謝謝前輩,解決了,感謝你的分享與幫助。
一介前輩你好,
想請教文章中的那個檔案「jquery.twzipcode.min.js」,能不能直接將裡面的內容複製到CodeSnippet這個外掛裡面(新增一個JS代碼段)?
因為某些因素,無法將檔案上傳到主題下方的「JS」文件夾裡面。
謝謝你
回覆
是可以!但這操作不建議就是。
要把我程式碼裡的JS改寫來符合塞入這個檔案。
而且會改造成資料庫要去輸出這個檔案,讓網站慢一點哦。
一般來說如果你不會改的話,先想辦法照我的流程來操作吧!網站無法上傳JS檔案也可以研究一下怎用主機的檔案管理介面操作。
回覆
謝謝一介前輩詳細提醒。
因為我在網站上改用OXYGEN這套編輯器,而它卻禁用主題,所以就算檔案以前已經放在theme/childtheme/js裡面,但是主題被禁用,似乎也抓不到資料?
如果能找到其他方案上傳放置檔案是最好了,不曉得前輩是否有其他方案?
回覆
那你可能要找一下這套編輯器能不能設定載入某個JS檔案了(我沒用過這套)。
這塊卡到客製化,能給的建議不多R~
回覆
前輩你好,不好意思又打擾了。
我目前的做法是安裝「MyCustomFunctionality」,將JS檔案放在這個外掛下,路徑為「wp-content/plugins/my-custom-functionality-master/assets/js/jquery.twzipcode.min.js」。
想請教是否在程式碼中,要修改第441行的路徑?
是否改成
jQuery.getScript(“wp-content/plugins/my-custom-functionality-master/assets/js/jquery.twzipcode.min.js”,function(){
不曉得這樣的改法是否正確?
如果/wp-content/plugins/my-custom-functionality-master/assets/js/jquery.twzipcode.min.js這路徑確定可以讀取到這個JS檔案的話,那行路徑就要這樣改哦!記得我前面有一個「/」,沒有的話會變成相對路徑會失敗。
您好,感謝提供這麼棒的資訊讓我們的網站更平易近人!最近開始串接綠界的電子發票,其中在結帳頁面有關於電子發票的選項.但若使用這套結帳頁面就看不到綠界的電子發票欄位!不知有解決的方式讓電子發票選項欄位可以顯示在結帳頁面!
感謝!
回覆
這塊會需要有開發能力來確定結帳表單使用優先順序才能調整了!舉例就是結帳表單只有一個,有很多程式想取用,要有人來把這取用修改的順序決定一下,不然就會變成誰搶了誰的資源的競爭關係。
回覆
發佈留言
取消回覆發佈留言必須填寫的電子郵件地址不會公開。
必填欄位標示為*留言顯示名稱*
電子郵件地址*
個人網站網址
用電子郵件通知我後續的迴響。
新文章使用電子郵件通知我。
發佈留言
延伸文章資訊
- 1php - woocommerce請填寫地址進行下一步 - Code Examples
php - woocommerce請填寫地址進行下一步- woocommerce運送到不同的地址 ... 我一直在研究和調整我的自定義WordPress主題,並重寫WooCommerce模板,現...
- 2WooCommerce 中文教學:安裝設定+功能介紹(完整指南)
這章節進行WooCommerce 外掛安裝,有了它才能運作WordPress 網路商店。 ... 選擇商店行業別,再來選擇商品類型,這邊勾選實體商品,然後繼續下一步。
- 3RY WooCommerce Tools - 幻想的世界
本外掛只會針對發佈當時最新版的WordPress 與WooCommerce 進行測試,因此建議使用者也要隨 ... 但要按結帳下單仍然會出現請【請填寫地址再下一步】的訊息無法結帳下單.
- 4WordPress Taiwan 正體中文| 官網購物系統求救
結帳頁面已經填好地址後按送出. 卻卡在"請填寫地址進行下一步" ... Woocommerce推播新商品或折扣商品(這個對於商家真的省事,目前已經在設定中,期待!).
- 5WooCommerce 必要欄位問題I | 信長の野望
在安裝完WordPress及WooCommerce後, 常會出現下圖之必填欄位, 特別是州(State)在中文地址裡會讓人不知該怎麼填。爬文了很久, 才發現網路上有些文章寫的位置根本新版 ...