EC-CUBE備忘録(1)

| コメント(0)
と言う事で、今セットアップ中のEC-CUBEの覚書です。興味の無い方はすっ飛ばして下さい。
ちなみに仕様は、
EC-CUBE2.11.5
MySQL5
サーバ ICLUSTA PRO

★テンプレートカスタマイズ★

ここを触ります。
html/user_data/packages/テンプレート名/css/common.css

特に変更したいのは、ヘッダの縦幅ではないでしょうか。
297行目から
/* ==============================================
 ヘッダー
=============================================== */
/* レイアウト
----------------------------------------------- */
#header_wrap {
    border-top: solid 3px #292929;
    min-height: 180px;  この部分の数値を任意に
}
#header {
    margin: auto;
    width: 980px;
height: 180px;
background-image:url("../img/common/header.jpg") この行未設定なので、ここに直接イメージファイルを記述しました。tplに書くのもアリなようです。

}

ヘッダのデータサイズは小さめの方が当たり前ですが描画が早いです。(最初pngで作ったが、出力が遅いのでjpgに変えた)

そのままだと、(マイページ・新規会員登録・カゴの中を見る)ボタンが宙に浮いた状態なので、次はここを触ります。

365行付近
/* ヘッダーナビ
----------------------------------------------- */
div#header_navi {
    float: right;
    width: 409px;
    height: 38px;
}
div#header_navi ul li {
    display: block;
    float: left;  
margin-top: 100px; この数値が「カゴの中?」のタテ位置。他の2つより6pxタテが大きいので、-6pxの数値を記述。

}
div#header_navi ul li.mypage,
div#header_navi ul li.entry {
    margin-top: 106px;     ここが2つのタテ位置。
}


このポイントを押さえておくと、とりあえず見てくれは変わるかな?

続いて、ヘッダ内タイトルのキャプション非表示化。

管理画面/デザイン管理/PC/ヘッダ・フッタ設定でヘッダを触る。

タイトルの下部分にテキストの指定があるので、それを削除。


<h1>
<a href="<!--{$smarty.const.TOP_URLPATH}-->"><img src="<!--{$TPL_URLPATH}-->img/common/logo.gif" alt="<!--{$tpl_title|h}-->:<!--{$arrSiteInfo.shop_name|h}-->" /></a>
</h1>

これで消えると思います。

くれぐれもオウンリスクで(^^)

コメントする

ウェブページ

※この時計の時刻は、あんたはんのパソコンのもんどす。必ずしも正確な時間ではあらしまへん。

このブログ記事について

このページは、911carrera_kero4が2013年3月31日 00:05に書いたブログ記事です。

ひとつ前のブログ記事は「NEW DREAM」です。

次のブログ記事は「KUVF春季リーグ」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。