このコーナーでは、テンプレートのカスタマイズについて、実際のサンプルページを元に紹介していきます。

皆さん、こんにちは。 おちゃのこネットの刑部です。
今回のデザイン道場は、商品一覧ページの説明付き一覧と写真のみ一覧の切り替え部分を非表示にする
方法をご紹介します。どちらかに固定して表示されたい場合は、ご利用下さい。




スタイルシートを編集する

管理画面→デザイン管理→スタイルシートの編集をクリックして下さい。

スタイルシートの編集画面から、下記の指定をコピーしてスタイルシート内に貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。


.list_display {
display: none;
}


編集後、「登録処理を完了する」ボタンをクリックして下さい。


.list_displayについて

非表示にする指定となります。
ページ送りがある場合は、ページ送りは表示されます。

※背景色や枠線が残る場合

ページ送りがなく、上記指定にて切り替え表示を非表示にされた場合も背景色や背景画像、枠線が指定されている場合は、表示が残るテンプレートがあります。
これは、ページ送りと切り替え表示部分を囲んでいる.sec_line_topに背景色や背景画像、枠線が設定されているためです。
スタイルシート内の.sec_line_topにて指定している箇所となりますので、編集される際はスタイルシートにて変更下さい。

例)
下記のようにbackground-colorやbackground-image、borderの指定がある場合は、該当の行を削除して下さい。
下記以外の指定については、特に変更削除いただく必要はありません。
.sec_line_top {
background-color: #F5F5F5;
background-image: url(img/bg,gif)
border: 1px solid #CCCCCC ;

}


 
なお、お問い合わせは下記ページからお願い致します。

https://www.ocnk.net/contact/index.php

Copyright (C) 2004-2006 OCHANOKO-NET All Rights Reserved.