こんにちは、makeshopのあらいです。
いつもmakeshopをご利用いただきありがとうございます。

今回は商品詳細ページの(オプション/オプショングループを設定時)
価格が小さくなってしまう場合のカスタマイズ方法をご紹介します!

参考:オンラインマニュアル「オプション設定」「オプションのグループ設定

こんなお悩みありませんか?

・特定の商品詳細ページの価格の文字だけ小さくなります・・
・オプション/オプショングループを設定した商品の価格も色をつけたり、大きく表示したい

[難易度 ★☆☆ ]
価格の表示が小さくなってしまう時の対処方法
【オプション/オプショングループ編】
※プレミアムショッププランのみ

設定方法

(1)CSSを指定する!

【ショップデザイン(PC)】> 【トップページ編集】 > 共通CSS管理

共通CSS管理のエディターエリアに下記のスタイル指定を追記してください。

反映しない場合は、↓で指定してみてください。

・ 商品にオプション/オプショングループを設定している場合、登録された商品価格が他の商品とちがって<input>タグで出力されます。そのため、スタイル指定を追記することで表記を変更できます!

・「フォントサイズ」「フォントの色」「幅」の指定は、お好みで設定することができます。
・「幅」の指定は、あまり狭い幅にすると価格表示が切れてしまいますので、商品価格の桁数を考慮して必要に応じて設定しましょう!

・このスタイル指定では変更できない場合もあります。

(2)完了!

ショップをみるで確認してみましょう!

いかがでしたでしょうか。
ぜひお試しください!それではまた!