[WordPress] 調整適合WooCommerce 在台銷售結帳頁欄位(含 ...

文章推薦指數: 80 %
投票人數:10人

結帳頁(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檔案的話,那行路徑就要這樣改哦!記得我前面有一個「/」,沒有的話會變成相對路徑會失敗。

您好,感謝提供這麼棒的資訊讓我們的網站更平易近人!最近開始串接綠界的電子發票,其中在結帳頁面有關於電子發票的選項.但若使用這套結帳頁面就看不到綠界的電子發票欄位!不知有解決的方式讓電子發票選項欄位可以顯示在結帳頁面! 感謝! 回覆 這塊會需要有開發能力來確定結帳表單使用優先順序才能調整了!舉例就是結帳表單只有一個,有很多程式想取用,要有人來把這取用修改的順序決定一下,不然就會變成誰搶了誰的資源的競爭關係。

回覆 發佈留言 取消回覆發佈留言必須填寫的電子郵件地址不會公開。

必填欄位標示為*留言顯示名稱* 電子郵件地址* 個人網站網址 用電子郵件通知我後續的迴響。

新文章使用電子郵件通知我。

發佈留言



請為這篇文章評分?