おちゃのこ通信 Vol.104 - デザイン道場 - おちゃのこネットメールマガジン

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

皆さん、こんにちは。おちゃのこネットの刑部です。
今回のデザイン道場は、商品名に表示される型番を改行または非表示にする方法をご紹介します。

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

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

下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。

【改行する場合】

▼トップページ、商品一覧ページ、商品詳細ページ

.model_number {
display: block;
}

▼トップページのみの場合

.top_page_body .model_number {
display: block;
}

▼商品一覧ページのみの場合

.categorylist_page_body .model_number {
display: block;
}

▼商品詳細ページのみの場合

.detail_page_body .model_number {
display: block;
}

【非表示にする場合】

▼トップページ、商品一覧ページ、商品詳細ページ

.model_number {
display: none;
}

▼トップページのみの場合

.top_page_body .model_number {
display: none;
}

▼商品一覧ページのみの場合

.categorylist_page_body .model_number {
display: none;
}

▼商品詳細ページのみの場合

.detail_page_body .model_number {
display: none;
}

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

指定について

display指定を利用することで、blockで改行、noneで非表示となります。
※なお、非表示については、ページ閲覧時にのみ非表示となり、ご購入確認メールや帳票には表示されます。

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