ITOBEN STYLE > EC-CUBE2.12：当サイトについて　最寄り駅から店舗までの道筋を示す
2012年10月14日カテゴリー:未分類

EC-CUBE2.12：当サイトについて　最寄り駅から店舗までの道筋を示す

サンプルはこちら

1　パラメータ設定で、使用するかしないかを設定できるようにする。0を設定すると、デフォルトの表示方法になる。
[php]
INSERT INTO mtb_constants (id, name, rank, remarks) VALUES (‘ABOUT_MAP’, ‘”東京都霞ヶ関駅”‘, 1430, ‘当サイトについての地図に最寄り駅等からの道筋を表示する場合は、駅名等を入力する。　例） “東京都霞ヶ関駅”　【注意】””で囲む　　表示しない場合は、0 を入力する。’);
[/php]

★パラメータ設定を開き、「この内容で登録する」をクリックする。

2　■　data/Smarty/templates/default/abouts/index.tpl
IE7では表示されないので、条件分岐を挿入。
[php]




店名
会社名
所在地 〒–
電話番号 ––
FAX番号 ––
メールアドレス

出発地に，住所や施設名を入力して「表示」をクリックすると，までのルートが表示されます。
表示されないときは，別の名前で試してください。
【出発地：A】 表示
【目的地：B】

[/php]

3　■html/user_data/packages/default/css/contents.css
[css]

/* ◎◎について
———————————————– */
div#undercolumn_aboutus {
}

↓（変更）

/* 当サイトについて
———————————————– */
#undercolumn_aboutus {
}
div#undercolumn_aboutus #text1 {
padding-left:27px;
background:url(../img/background/contribute_bg.png) no-repeat left top;
margin-bottom:15px;
}
div#undercolumn_aboutus .controller{
margin-bottom:10px;
padding:1em;
background: #EFB450;
color:#000;
}
div#undercolumn_aboutus .controller input{
width:12em;
margin-right:1em;
}
div#undercolumn_aboutus .container{
border:1px solid #cccccc;
background:url(../img/background/ajax-loader.gif) no-repeat center center;
}
div#undercolumn_aboutus #map{
float:left;
width:550px;
height:400px;
}
div#undercolumn_aboutus #panel{
margin-left:550px;
width:192px;
padding:0 10px;
height:400px;
overflow:auto;
background: #EFB450;
margin-bottom:-20px;
}
/*▼3カラム対応*/
#three_maincolumn div#undercolumn_aboutus #map{
width:403px;
}
#three_maincolumn div#undercolumn_aboutus #panel{
margin-left:403px;
width:152px;
}
/*▲3カラム対応*/
div#undercolumn_aboutus #panel table {
border:none;
}
#panel .adp-placemark{
background: #E14F00;
border:none;
color:#ffffff;
font-weight:bold;
}
#panel .adp-summary{
text-align:right;
}
#panel .adp-directions tr:hover{
background: #630;
color:#FFF;
}
#panel .adp-directions td{
padding:0.5em 0.2em;
border:dotted #fff;
border-width:1px 0;
}
#panel .adp-directions b{
font-weight:normal;
color: #C00;
}
#panel .adp-directions .adp-distance{
font-weight:bold;
}
#panel .adp-legal{
text-align:right;
color:#fff;
}

div#undercolumn_aboutus br.clear{
clear:left;
font-size:0;
}
div#undercolumn_aboutus #hyoji {
padding:2px 5px 0 5px;
background-color:#FFF;
border:#333 1px solid;
cursor:pointer;
color:#333;
}
div#undercolumn_aboutus #hyoji:hover {
background-color: #F90;
}
[/css]