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

皆さん、こんにちは。おちゃのこネットの刑部です。
今回のデザイン道場は、商品名の色を変更する方法をご紹介します。
基本的には、貼り付けるだけですが、共通設定、個別設定が可能です。





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

[デザイン管理]→[スタイルシートの編集]から下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。

共通設定と個別設定があります。
基本的には、/* 共通 */の指定をご利用いただければ、トップ、商品一覧、商品詳細を変更できます。
個別に設定したい場合は、/* 共通 */は利用せず、必要な指定のみをご利用ください。

/* 共通 */
.item_name,
#product_name {
color: #FF0000;
}


/* トップページ共通 */
.top_page_body .item_name {
color: #FF0000;
}


/* 新商品 */
.newitem .item_name {
color: #FF0000;
}


/* おすすめ商品 */
.recommend .item_name {
color: #FF0000;
}


/* ランキング */
.ranking .item_name {
color: #FF0000;
}


/* 最近チェックしたアイテム */
.recently .item_name {
color: #FF0000;
}


/* 商品一覧共通(カテゴリ一覧、グループ一覧、検索結果) */
.itemlist .item_name {
color: #FF0000;
}


/* カテゴリ一覧 */
.categorylist_page_body .item_name {
color: #FF0000;
}


/* グループ一覧 */
.pickuplist_page_body .item_name {
color: #FF0000;
}


/* 検索結果 */
.result_page_body .item_name {
color: #FF0000;
}


/* 商品詳細 */
.detail_item_data .item_name,
.detail_item_data #product_name {
color: #FF0000;
}


/* 関連商品 */
.related_item .item_name {
color: #FF0000;
}

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

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

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