ヘッダーCSSのカスタマイズ
ようやくわかりましたよ。ショップサーブ2で、唯一気に入らなかった点であり、何でこんな仕様？何とかならんのかいな！？と不満に思っていたことが、ようやく解決しちゃいました。ま、ちゃんとやればすぐにわかったことなんですけどね。
その問題点は以下のイメージのように、ヘッダーナビ（.headnavi）が、カート画面に入った瞬間に消えてしまうと言う点です。通常のネットショップではこういったことはないのですが、レンタルカート特有の問題なのかもしれません。
★解決策の要点と解説★
「カートを見る～」（.headnavi）のエリアは使わず、カート画面に移っても残る「ヘッダーのバナーエリア」を利用します。
ヘッダーのバナーエリアに表示させたいことを載せるのですが、ポイントは「ヘッダーのバナーエリア」の「レイアウトをCSSで指定する」ところです。
★カスタマイズの具体策★
【ステップ1】CSSをカスタマイズしますが、まず使わない「.headnavi」は視覚的に見えなくします。これはCSSの便利なテクニックですね。
.headnavi {
display: none;
}
【ステップ2】次に、「バナーエリア」の配置を、例えば以下のようなスタイルシートで指定します。
.header_menu {
font-family:Verdana;
text-align: center;
width: 640px;
position: absolute;
top: 50px;
left: 50%;
margin-left: -300px;
}
簡単に解説すると、CSSで何も指定しない場合は、ヘッダーナビの下にこのエリアが設定されていますが、上から50pxのところに「header_menu」という幅640pxのボックスエリアを勝手に指定します。そうすることで、ヘッダー内に食い込んで表示させることができるというワケです。
CSSちんぷんかんぷんという人にはキツイかもしれませんが、ある程度知識のある人ならここまでやれば、後は楽でしょう。header_menu内はお好みで編集可能です。
【ステップ3】管理画面の「ヘッダーのバナーエリア」の編集で、HTML編集を選んで＜DIV class="header_menu"＞から始めて＜/DIV＞でしめてやればOKということになります。
ん～でも、なかなか難しいですねぇ。でも、ショップサーブ2は、このCSSのカスタマイズでグゥ～ンと使いやすくなりますね。
