• 楽天
  • Yahoo!

楽天商品ページを一工夫!項目選択支の表をカスタマイズする方法

この記事は過去に書かれた「ogaRia繁盛レシピ」を再掲載しています。予めご了承くださいませ。

こんにちは、温水の出る洗面所でホッと小さな幸せを感じるogaRiaチームSです。

今回は楽天の商品ページで買い物カゴ、項目選択支の表をカスタマイズする方法を
ご紹介致します。

通常の項目選択支のRMSで可能なカスタマイズでは文字の大きさ、
項目名の背景色ぐらいしか変更ができません。
そこで今回は一歩上のカスタマイズをしてみましょう。

CSSタグをRMSに貼り付け

下記CSSをRMSへ貼り付け反映しましょう!
すべての商品ページに反映させたい場合は
共通部分(ヘッダー、フッター、レフトナビなど)に。

特定の商品ページだけ反映したい場合は
該当の商品ページの「PC用商品説明文」もしくは「PC用販売説明文」部分に
貼り付ければそのページだけカスタマイズが反映されます。

タイル風フラットデザイン

タイルを敷き詰めたようなデザインになります。
罫線を白にし背景に同化させているのでショップの背景が白の店舗様におすすめです。

▼デザインサンプル


▼専用CSS

項目名立体デザイン

項目名部分が立体的に見えるデザインにしています。
罫線がなく非常にシンプルな為、項目選択支の数が比較的少ない
商品ページに適しています。

▼デザインサンプル


▼専用CSS

まとめ

いかかでしたか?今回は買い物カゴ、項目選択支の表をカスタマイズする方法を
ご紹介させて頂きました。
RMSの設定だけでは表現できないようなデザインにする事ができましたね!
CSSをカスタマイズできる方は店舗独自の個性あるデザインにも挑戦してみてください!

こちらのカスタマイズは古いブラウザでは反映されない事があります。
また、楽天の仕様が変更された場合にも反映が解除されてしまう可能性がありますので
ご了承の上、お試しくださいませ。

以上、ogaRiaチームでした!

この記事を書いた人

ogaRiaスタッフ

ogariaスタッフです。楽天、ヤフーショッピングに出店されている店舗様向けに有益な情報をご紹介しています。

この記事のあとによく読まれています!

繁盛レシピの人気記事3選!

コメントはお気軽にどうぞ

セキュリティチェック *

内容をご確認の上、送信してください。