ITOBEN STYLE > EC-CUBE:配送方法の指定で配送業者の送料の詳細を表示 2012年2月28日カテゴリー:未分類 EC-CUBE:配送方法の指定で配送業者の送料の詳細を表示 下図の配送業者名をクリックすると、送料の詳細が表示される。 (1)下記のファイルを作成する ■html/postage/index.php ■data/class_extends/page_extends/postage/LC_Page_Postage_Ex.php ■data/class/pages/postage/LC_Page_Postage.php ■data/Smarty/templates/default/postage/postage.tpl (2)配送業者の送料詳細を表示するかしないかを選択できるように、パラメータ設定に新たに項目を設ける。データベースに追加。 テーブル:mtb_constants id:POSTAGE_SHOW name:true rank:1230 remarks:配送業者の送料の詳細 true/表示する false/表示しない ★設定後、管理画面のパラメーター設定を開き「この内容で登録する」をクリックすると反映される。 (3)ColorBoxが適用されていることを前提に。送料詳細表示にColorBoxを利用する。 ↓site_frame.tplに追記 [php] $(“.cbox_postage”).colorbox({width:”600″, height:”500″, iframe:true}); [/php] [php] $(document).ready(function() { $(".cbox").colorbox(); $(".cbox_map").colorbox({width:"650", height:"500", iframe:true}); $(".cbox_postage").colorbox({width:"600", height:"500", iframe:true}); }); [/php] (4)「お支払方法・お届け時間等の指定」ページのコードを変更 ■data/Smarty/templates/default/shopping/payment.tpl [php] 選択 配送方法 “> ↓(変更) 選択 配送方法 (業者名をクリックすると,都道府県別の送料をご覧いただけます) “> [/php] (5)CSSに追加する ■html/user_data/packages/default/css/popup.css [php] /* 配送業者の送料詳細 ———————————————– */ div#pop_postage #name { border-left:#CCC 10px solid; padding-left:5px; font-size:120%; } div#pop_postage table { width:100%; } div#pop_postage th{ text-align:center; } div#pop_postage td{ text-align:right; vertical-align:top; } div#pop_postage td.pref{ border-right:none; } div#pop_postage td.fee{ width:10%; padding-right:30px; } [/php] (6)下図のように表示される。
下図の配送業者名をクリックすると、送料の詳細が表示される。
(1)下記のファイルを作成する
■html/postage/index.php
■data/class_extends/page_extends/postage/LC_Page_Postage_Ex.php
■data/class/pages/postage/LC_Page_Postage.php
■data/Smarty/templates/default/postage/postage.tpl
(2)配送業者の送料詳細を表示するかしないかを選択できるように、パラメータ設定に新たに項目を設ける。データベースに追加。
テーブル:mtb_constants
id:POSTAGE_SHOW
name:true
rank:1230
remarks:配送業者の送料の詳細 true/表示する false/表示しない
★設定後、管理画面のパラメーター設定を開き「この内容で登録する」をクリックすると反映される。
(3)ColorBoxが適用されていることを前提に。送料詳細表示にColorBoxを利用する。
↓site_frame.tplに追記
[php]
$(“.cbox_postage”).colorbox({width:”600″, height:”500″, iframe:true});
[/php]
[php]
$(document).ready(function() {
$(".cbox").colorbox();
$(".cbox_map").colorbox({width:"650", height:"500", iframe:true});
$(".cbox_postage").colorbox({width:"600", height:"500", iframe:true});
});
[/php]
(4)「お支払方法・お届け時間等の指定」ページのコードを変更
■data/Smarty/templates/default/shopping/payment.tpl
[php]
↓(変更)
(業者名をクリックすると,都道府県別の送料をご覧いただけます)
[/php]
(5)CSSに追加する
■html/user_data/packages/default/css/popup.css
[php]
/* 配送業者の送料詳細
———————————————– */
div#pop_postage #name {
border-left:#CCC 10px solid;
padding-left:5px;
font-size:120%;
}
div#pop_postage table {
width:100%;
}
div#pop_postage th{
text-align:center;
}
div#pop_postage td{
text-align:right;
vertical-align:top;
}
div#pop_postage td.pref{
border-right:none;
}
div#pop_postage td.fee{
width:10%;
padding-right:30px;
}
[/php]
(6)下図のように表示される。