*

楽天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

関連記事

楽々商品登録 関連商品イメージ

楽々商品登録君のカスタマイズ事例(1)

弊社で販売している多モール商品登録ソフト、楽々商品登録君のカスタマイズ事例です。 キッチンジャンル

記事を読む

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

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

記事を読む

no image

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

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

記事を読む

楽天Goldで作成したページのFacebook最適化(OGP設定)

楽天GoldページのFacebookへの対応の仕方-OGP 楽天Goldで作成したページも、Fac

記事を読む

楽天スマホページでヒートマップを導入して改善

ヒートマップとは、ユーザーがどのように行動したか、可視化してくれるツールです。 以下のように、どこ

記事を読む

no image

楽天スマホページ編集ツール

1年前に作った、スマホ用のカテゴリページを出力できるシステムを放置してたので、少しだけ手を入れてテス

記事を読む

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

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

記事を読む

no image

楽天Goldで自動ページ送りを実装

スマートフォン用サイトを楽天Goldで作るショップ様も増えてきましたが、スマホの回線速度が早くなった

記事を読む

no image

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

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

記事を読む

no image

楽天RMSでも出来るGoogle,YahooのSEO対策【1】

楽天ショップの場合、楽天サーチなど楽天サービスからの集客を意識しがちですが、rakuten.co.j

記事を読む

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 ↑