*

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

公開日: : 最終更新日:2015/01/07 楽天RMS, 楽天ショップのデザイン


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

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

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

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

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

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

-->
</style>

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

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

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

 
<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;の数字を変更します。
この内容を共通説明文(大)に入れると、このようになります。
0106-3

関連記事

楽天Goldで作ったページをモバイルフレンドリー対応にするには?

Googleが、2015年4月21日からスマートフォン対応していないサイトは検索での順位を落とすと発

記事を読む

楽天、YahooなどのCSVをExcelで安全に開くには?

楽天やYahooショッピングなど、ネットショップの業務をやっていると「CSVデータ」がないと出来ない

記事を読む

スマホ用サイトへの転送を記憶させるJavaScript(楽天Gold用)

楽天Goldでページを作成している場合、レスポンシブデザインでないかぎり、 スマホでページを見てい

記事を読む

no image

楽天Goldのhttps:修正手順(SSL対応)

楽天Goldを使っている場合のSSL修正の手順 YahooショッピングのSSL対応に続いて、楽天市

記事を読む

no image

楽天ショップのショップ内サーチのカスタマイズ

楽天ショップで設置できる店舗内検索について 店舗内検索のフォームは実は裏側でいろいろなパラメータを

記事を読む

ネットショップモール・ショッピングカートでしないといけない消費税対応(楽天・Yahoo・Amazonなど)

いよいよ4月1日より、消費税率が8%になります。 ネットショップでも消費税を変更しないといけま

記事を読む

楽天R-Backofficeに受注CSVを戻すときの注意点

R-BackofficeにCSVアップロードで注文修正すると消費税が8%に! 楽天ネットショップで

記事を読む

楽天の買い物かごボタンをカスタマイズ

この記事の「買い物かごをカスタマイズする方法」は、2015年に楽天RMSのHTMLソースが変わったた

記事を読む

no image

[03/23加筆]ネットショップモール・ショッピングカートでしないといけない消費税対応(楽天・Yahoo・Amazonなど)

いよいよ4月1日より、消費税率が8%になります。 ネットショップでも消費税を変更しないといけません

記事を読む

楽天RMSの納期を一括設定するには【2月29日まで】

楽天の週間サポートニュースなどでも告知されていますが、2015年1月13日から商品ごとの納期情報の設

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

no image
楽天ペイ(RMS)で効率的に受注管理するには?

楽天ペイは今までの受注管理、R-Backofficeと異なりステータス

Yahooショッピング SEO(7)3月14日から低評価でペナルティ

Yahooショッピングで2017年10月に発表された、評価が悪いショッ

no image
楽天Goldのhttps:修正手順(SSL対応)

楽天Goldを使っている場合のSSL修正の手順 Yahooショッピン

no image
Amazonセラーセントラルの乗っ取り多発!二段階認証を

Amazonで詐欺出品者が急増中 Amazonセラーセントラルで、以

no image
Yahooショッピングの常時SSL(AOSSL)で厳密に置換したい場合

Yahooショッピングの常時SSL(AOSSL)、トリプルはどうするか

→もっと見る

PAGE TOP ↑