販売価格(商品価格)の文字色や文字サイズを変更したい。
文字色や文字サイズの変更には、スタイルシートの編集が必要です。
管理画面の以下のページを開きます。
「デザイン管理」>「スタイルシート編集」
(1)スタイルシート編集画面が表示されますので、【ベーステンプレートを読み込む】でご利用のテンプレートを選択し【読み込む】ボタンをクリックして下さい。
(2)ご利用のテンプレートのスタイルシートが表示されます。【テンプレート名】を記入して【スタイルシート】を編集します。
●トップページ、商品一覧ページの場合
スタイルシートの編集から下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。
●商品詳細ぺージ
スタイルシート内の下記の箇所を編集して下さい。
※カラーコード(#000000等)はこちらを参考にご覧下さい。
https://www.ocnk.net/sample/color.html
(5)編集後、【登録処理を完了する】ボタンをクリックして下さい。
(6)管理画面の「デザイン管理」>「テンプレート選択」を開き、【カスタム】にある、先程のテンプレートを選択して【設定処理を完了する】ボタンをクリックします。
管理画面の以下のページを開きます。
「デザイン管理」>「スタイルシート編集」
(1)スタイルシート編集画面が表示されますので、【ベーステンプレートを読み込む】でご利用のテンプレートを選択し【読み込む】ボタンをクリックして下さい。
(2)ご利用のテンプレートのスタイルシートが表示されます。【テンプレート名】を記入して【スタイルシート】を編集します。
●トップページ、商品一覧ページの場合
スタイルシートの編集から下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。
.pricech { font-size: 【価格のサイズ…こちらの数値を任意のサイズに変更します】; color: 【価格の色…こちらの数値を任意のカラーコードに変更します】; } 例) font-size: 12px; color: #000000; |
●商品詳細ぺージ
スタイルシート内の下記の箇所を編集して下さい。
.priceb { |
※カラーコード(#000000等)はこちらを参考にご覧下さい。
https://www.ocnk.net/sample/color.html
(5)編集後、【登録処理を完了する】ボタンをクリックして下さい。
(6)管理画面の「デザイン管理」>「テンプレート選択」を開き、【カスタム】にある、先程のテンプレートを選択して【設定処理を完了する】ボタンをクリックします。