商品詳細ページに関するスタイル(CSS)

• 商品情報の表示項目
  ⇒以下箇所で変更できます。
  拡張設定＞デザイン設定＞レイアウトタブ＞「ページ選択： 商品詳細」＞「価格、カート」パーツの[編集（鉛筆マーク）]
• 消費税表記
⇒こちらをご確認ください。
• 在庫表記
⇒こちらをご確認ください。
• カートボタンのデザイン
⇒こちらをご確認ください。

商品詳細ページに関するスタイル例

/* 商品詳細ページの商品名 */
.item_detail_page .item_name{
font-size:30px; /* 文字サイズ */
color:#0000FF; /* 文字色 */
font-weight:bold; /* 文字の太さ */
}


/* 商品詳細ページの商品コード */
.item_detail_page .item_code{
font-size:20px; /* 文字サイズ */
color:#0000FF; /* 文字色 */
font-weight:bold; /* 文字の太さ */
}


/* 商品詳細ページの参考価格 */
.item_detail_page .item_fix_price{
font-size:20px; /* 文字サイズ */
color:#0000FF; /* 文字色 */
font-weight:bold; /* 文字の太さ */
}


/* 商品詳細ページの商品価格 */
.item_detail_page .item_price,
.item_detail_page .item_price .normal_price_main{
font-size:20px; /* 文字サイズ */
color:#0000FF; /* 文字色 */
font-weight:bold; /* 文字の太さ */
}


/* 商品詳細ページの在庫数 */
.item_detail_page .item_stock{
font-size:20px; /* 文字サイズ */
color:#0000FF; /* 文字色 */
font-weight:bold; /* 文字の太さ */
}


/* 商品詳細ページの数量選択肢 */
select.notranslate.item_count_select{
font-size:30px; /* 文字サイズ */
color:#0000FF; /* 文字色 */
font-weight:bold; /* 文字の太さ */
}


/* 商品詳細ページの商品説明文の項目名 */
.item_detail_page .item_explain_title{
font-size:20px; /* 文字サイズ */
color:#0000FF; /* 文字色 */
font-weight:bold; /* 文字の太さ */
}