ITOBEN STYLE > EC-CUBE2.12:ajaxzip3住所自動入力(郵便番号DB登録・メンテナンス不要) 2012年10月16日カテゴリー:未分類 EC-CUBE2.12:ajaxzip3住所自動入力(郵便番号DB登録・メンテナンス不要) 下記スクリプトを使用しています。 http://code.google.com/p/ajaxzip3/ ○ 管理画面でも自動入力ができる。 ○ https://接続も自動で切り替わる。 こちらで確認できます。 1 管理画面とフロントページで利用するので、下記ファイルに同様の記述を行う。 ■data/Smarty/templates/admin/main_frame.tpl ■data/Smarty/templates/default/site_frame.tpl ■data/Smarty/templates/default/popup_header.tpl ■data/Smarty/templates/sphone/site_frame.tpl [php] [/php] 2 郵便番号入力箇所があるページを修正する。 修正内容は次の通り ●郵便番号の2つある入力ボックスのうち、2番目の入力ボックスに下記を追加する。 onKeyUp=”AjaxZip3.zip2addr(‘zip01′,’zip02′,’pref’,’addr01′,’addr02′);” ※zip01等の値は、ファイルによって異なる。 ●入力ボタンを削除し、 (入力後、住所自動表示)を記述。 【▼変更前】 郵便番号 * 〒 background-color: ;” /> – background-color: ;” /> * 〒 background-color: ;” /> – background-color: ;” onKeyUp=”AjaxZip3.zip2addr(‘zip01′,’zip02′,’pref’,’addr01′,’addr02′);” /> (入力後、住所自動表示) (1)管理画面 ① SHOPマスター ■data/Smarty/templates/admin/basis/index.tpl [php] 〒 background-color: ;” /> – background-color: ;” onKeyUp=”AjaxZip3.zip2addr(‘zip01′,’zip02′,’pref’,’addr01′,’addr02′);” /> (入力後、住所自動表示) [/php] ② 特定商取引法 ■data/Smarty/templates/admin/basis/tradelaw.tpl [php] 〒 (入力後、住所自動表示) [/php] ③ 会員登録 ■data/Smarty/templates/admin/customer/edit.tpl [php] 〒 /> – onKeyUp=”AjaxZip3.zip2addr(‘zip01′,’zip02′,’pref’,’addr01′,’addr02′);” /> (入力後、住所自動表示) [/php] ④ 受注登録 ■data/Smarty/templates/admin/order/edit.tpl [php] 〒 (入力後、住所自動表示) [/php] (2)フロントページ 【PC用】 ① お問い合わせ ■data/Smarty/templates/default/contact/index.tpl [php] 郵便番号検索 [/php] ② 会員登録・新しいお届け先 ■data/Smarty/templates/default/frontparts/form_personal_input.tpl [php] 〒 郵便番号検索 [/php] ③ 会員登録せずに購入 ■data/Smarty/templates/default/shopping/nonmember_input.tpl お客様情報入力 1カ所目 [php] 〒 郵便番号検索 (入力後、住所自動表示) [/php] 2カ所目 [php] 〒 郵便番号検索 (入力後、住所自動表示) [/php] 【スマホ用】 ① お問い合わせ ■data/Smarty/templates/sphone/contact/index.tpl [php] 郵便番号 郵便番号検索 [/php] ② 会員登録・新しいお届け先追加 ■data/Smarty/templates/sphone/frontparts/form_personal_input.tpl [php] 郵便番号 ※ 郵便番号検索 [/php] ③ 会員登録せずに購入 ■data/Smarty/templates/sphone/shopping/nonmember_input.tpl お客様情報入力 1カ所目 [php] 郵便番号 ※ 郵便番号検索 [/php] 2カ所目 [php] 郵便番号 ※ 郵便番号検索 [/php] 【携帯では、Javascriptが使えないので、住所自動入力を削除】 ① 会員登録 ■data/Smarty/templates/mobile/entory/index.tpl [php] 郵便番号を入力後、クリックしてください。 [/php] ② MYページ会員登録内容変更 ■data/Smarty/templates/mobile/mypage/change.tpl [php] 郵便番号を入力後、クリックしてください。 [/php] 3 管理画面の「基本情報管理>郵便番号DB登録」を表示しない。 ■data/Smarty/templates/admin/basis/subnavi.tpl style=”display:none;”を追加 [php] class=”on” id=”navi-basis-zip”>
下記スクリプトを使用しています。
http://code.google.com/p/ajaxzip3/
○ 管理画面でも自動入力ができる。
○ https://接続も自動で切り替わる。
こちらで確認できます。
1 管理画面とフロントページで利用するので、下記ファイルに同様の記述を行う。
■data/Smarty/templates/admin/main_frame.tpl
■data/Smarty/templates/default/site_frame.tpl
■data/Smarty/templates/default/popup_header.tpl
■data/Smarty/templates/sphone/site_frame.tpl
[php]
[/php]
2 郵便番号入力箇所があるページを修正する。
修正内容は次の通り
●郵便番号の2つある入力ボックスのうち、2番目の入力ボックスに下記を追加する。
onKeyUp=”AjaxZip3.zip2addr(‘zip01′,’zip02′,’pref’,’addr01′,’addr02′);”
※zip01等の値は、ファイルによって異なる。
●入力ボタンを削除し、 (入力後、住所自動表示)を記述。
【▼変更前】
〒 background-color: ;” /> – background-color: ;” />
*
〒 background-color: ;” /> – background-color: ;” onKeyUp=”AjaxZip3.zip2addr(‘zip01′,’zip02′,’pref’,’addr01′,’addr02′);” />
(入力後、住所自動表示)
(1)管理画面
① SHOPマスター ■data/Smarty/templates/admin/basis/index.tpl
[php]
〒 background-color: ;” /> – background-color: ;” onKeyUp=”AjaxZip3.zip2addr(‘zip01′,’zip02′,’pref’,’addr01′,’addr02′);” /> (入力後、住所自動表示)
[/php]
② 特定商取引法 ■data/Smarty/templates/admin/basis/tradelaw.tpl
[php]
〒
(入力後、住所自動表示)
[/php]
③ 会員登録 ■data/Smarty/templates/admin/customer/edit.tpl
[php]
〒 /> – onKeyUp=”AjaxZip3.zip2addr(‘zip01′,’zip02′,’pref’,’addr01′,’addr02′);” /> (入力後、住所自動表示)
[/php]
④ 受注登録 ■data/Smarty/templates/admin/order/edit.tpl
[php]
〒
(入力後、住所自動表示)
[/php]
(2)フロントページ
【PC用】
① お問い合わせ ■data/Smarty/templates/default/contact/index.tpl
[php]
郵便番号検索
[/php]
② 会員登録・新しいお届け先 ■data/Smarty/templates/default/frontparts/form_personal_input.tpl
[php]
〒 郵便番号検索
[/php]
③ 会員登録せずに購入 ■data/Smarty/templates/default/shopping/nonmember_input.tpl お客様情報入力
1カ所目
[php]
〒 郵便番号検索
(入力後、住所自動表示)
[/php]
2カ所目
[php]
〒 郵便番号検索
(入力後、住所自動表示)
[/php]
【スマホ用】
① お問い合わせ ■data/Smarty/templates/sphone/contact/index.tpl
[php]
郵便番号検索
[/php]
② 会員登録・新しいお届け先追加 ■data/Smarty/templates/sphone/frontparts/form_personal_input.tpl
[php]
郵便番号検索
[/php]
③ 会員登録せずに購入 ■data/Smarty/templates/sphone/shopping/nonmember_input.tpl お客様情報入力
1カ所目
[php]
郵便番号検索
[/php]
2カ所目
[php]
郵便番号検索
[/php]
【携帯では、Javascriptが使えないので、住所自動入力を削除】
① 会員登録 ■data/Smarty/templates/mobile/entory/index.tpl
[php]
郵便番号を入力後、クリックしてください。
[/php]
② MYページ会員登録内容変更 ■data/Smarty/templates/mobile/mypage/change.tpl
[php]
郵便番号を入力後、クリックしてください。
[/php]
3 管理画面の「基本情報管理>郵便番号DB登録」を表示しない。
■data/Smarty/templates/admin/basis/subnavi.tpl
style=”display:none;”を追加
[php]