楽天RMSの項目選択肢別在庫に出る納期のデザインを変更

Tweet

Check

項目選択肢別在庫の納期情報の文字色・サイズなどの変更

1月13日から楽天では納期情報が必須になるため、納期を設定している最中の店舗様も多いと思います。

しかし、項目選択肢別在庫の納期情報は標準だとフォントサイズ3，色がレッドなので下記のように目立ちすぎてしまいますし、カラー、サイズが多い商品だと大変見づらくなってしまいます。
しかも項目選択肢別在庫の納期情報はRMSではフォントサイズなどが変更できません。
項目選択肢別在庫の納期情報の文字色・サイズなどを設定する裏技をご案内します。

スタイルシートで納期情報のデザインを変更

デザイン設定に入り、共通説明文（大）またはヘッダ・フッタ・レフトナビを開き、以下のスタイルシートを入れるだけで可能です。

 
<style TYPE="text/css">
<!--
td.inventory font{font-size:10px;color:#666666;}

-->
</style>

文字の大きさはfont-size:10px;の数字を変更、文字色はcolor:#666666;を変えたら設定できます。

納期情報を適当な位置で改行するには？

全体が横に間延びしてしまうので適当な位置で改行したい、という場合は一行追加して以下のように設定します。

 
<style TYPE="text/css">
<!--
td.inventory font{font-size:10px;color:#666666;}
td.inventory{word-wrap:break-word;width:80px;}
-->
</style>

td.inventory{word-wrap:break-word;width:80px;}という欄で、任意の位置で改行できます。
どの位置で改行するかは、width:80px;の数字を変更します。
この内容を共通説明文（大）に入れると、このようになります。