1. AjaxZip 2.0 公式サイト より「一括アーカイブ」の ZIP ファイルをダウンロード、解凍する。
2. 解凍してできた [ajaxzip2] ディレクトリ内の
- jquery.js
- [sample] ディレクトリ
- [work] ディレクトリ
を削除する
3. [ajaxzip2] ディレクトリを WordPress ディレクトリ直下にアップロードする。
AjaxZip2
4. 郵便番号フォームを表示するページの html ヘッダーに以下の文を追加する
<script src="ajaxzip2/prototype.js"></script> <script src="ajaxzip2/ajaxzip2.js" charset="UTF-8"></script>
5. Welcart の郵便番号フォーム出力部分のソースを書き換える
/wp-content/plugins/usc-e-shop/templates/cart/customer_info.php の 87 行目
<input name="customer[zipcode]" id="zipcode" type="text" value="' . $usces_entries['customer']['zipcode'] . '" /> ↓ <input name="customer[zipcode]" id="zipcode" type="text" value="' . $usces_entries['customer']['zipcode'] . '" onKeyUp="AjaxZip2.zip2addr(this,\'customer[pref]\',\'customer[address1]\')" />
これは以下のような構成のサンプルなので
- 都道府県名 -> プルダウン
- 市区町村 -> テキストフィールド
変更の必要がある場合は AjaxZip 2.0 公式サイトのサンプルHTMLソースを参考に書き換えてください。