【公開用】RMSデザイン設定一覧 グループ用

RMSのデザイン設定の全てがわかるマインドマップ

Get Started. It's Free
or sign up with your email address
【公開用】RMSデザイン設定一覧 グループ用 by Mind Map: 【公開用】RMSデザイン設定一覧 グループ用

1. スマホ EasyPageでデザイン可能

1.1. 大バナー 設定推奨

1.1.1. 時間指定可能、商品ページの上に表示されるので、特集・お知らせやクーポン等を置くべき

1.1.1.1. 新スマホトップにも使える

1.2. 小バナー 設定推奨

1.2.1. 新スマホトップにも使える

1.3. 商品ページ共通パーツ

1.3.1. 商品ページ共通説明文

1.3.1.1. タグエディタでタグを作成する

1.4. カテゴリページ共通パーツ

1.4.1. カテゴリページ共通説明文

1.4.1.1. タグエディタでタグを作成する

1.5. トップページ

1.5.1. 新スマホトップで作成する RMS側で設定される内容は連動できません。 看板を必ず設定すること

1.5.1.1. ロゴを必ず設定すること

2. その他

2.1. PC・スマートフォン共通表示設定

2.1.1. 所属カテゴリ表示の設定

2.1.2. 各種パーツ表示の設定

2.2. PC商品ページ並び替え

2.2.1. おすすめ並び順

2.3. PCカテゴリページ並び替え

2.3.1. おすすめ並び順

2.4. 二重価格文言設定

2.5. 商品画像サイズの設定

2.6. 固定文言・フォントカスタマイズ

2.6.1. 全体の背景色や商品名・キャッチコピーの文字サイズ・色の設定箇所

3. PC EasyPageでデザイン可能

3.1. PCデザイン設定

3.1.1. ヘッダーフッターレフトナビ

3.1.1.1. タグを貼り付け (iframe利用可能)

3.1.1.1.1. ページ編集でタグを作成する

3.1.2. 共通説明文(大) (iframe利用可能)

3.1.2.1. ページ編集でタグを作成する

3.2. カテゴリ管理

3.2.1. 該当カテゴリのページ編集

3.2.1.1. カテゴリ説明文上・下 (iframe利用可能)

3.2.1.1.1. ページ編集でタグを作成する

3.3. カスタマイズ

3.3.1. カテゴリタグ大きくするタグ 設置箇所

3.3.1.1. <style> #risFil .noImage, #risFil .categoryWindowImg { width: 230px !important; height: 230px !important; } </style> <link rel="stylesheet" href="https://www.rakuten.ne.jp/gold/_partner_53455/r_cate.css?88 ">

3.3.2. 左固定バナー(時間指定可能)商品ページ・カテゴリページに設定(ヘッダーフッターレフトナビ・共通説明文(大)の選択によって個別設定も可能)

3.3.2.1. <!--「EasyPage」左固定フローティングバナーここから--><div> <style> .nms-plugin-nms-plugin-20221116 { opacity: 1; transition: .8s; } .nms-plugin-nms-plugin-20221116 .btn { margin: 0; padding: 0; position: fixed; left: -0px; z-index: 1000; transition: .4s; } .nms-plugin-nms-plugin-20221116 .btn-banner-1 { top: 150px; }/*上からのスペース、数字だけ変更しても大丈夫* / .nms-plugin-nms-plugin-20221116 .btn:hover { background: transparent; margin: auto; padding-right: 5px; } </style> <div class="nms-plugin-nms-plugin-20221116"> <iframe frameborder="0" scrolling="no" src="Easypageで作成したプレビューのURL(アップロード後)" class="btn btn-banner-1" style="border: 0; width:150px;height:720px;/*画像サイズはここです。サイズは画像に合わせて変更してください* /"></iframe> </div> </div><!--「EasyPage」左固定フローティングバナーここまで-->

3.3.3. 右固定バナー(時間指定可能)商品ページ・カテゴリページに設定(ヘッダーフッターレフトナビ・共通説明文(大)の選択によって個別設定も可能)

3.3.3.1. <!--「EasyPage」右固定フローティングバナーここから--><div> <style> .nms-plugin-nms-plugin-202221017 { opacity: 1; transition: .8s; } .nms-plugin-nms-plugin-202221017 .btn { margin: 0; padding: 0; position: fixed; right: -0px; z-index: 1000; transition: .4s; } .nms-plugin-nms-plugin-202221017 .btn-banner-1 { top: 150px; }/*上からのスペース、数字だけ変更しても大丈夫* / .nms-plugin-nms-plugin-202221017 .btn:hover { background: transparent; margin: auto; padding-left: 5px; } </style> <div class="nms-plugin-nms-plugin-202221017"> <iframe frameborder="0" scrolling="no" src="Easypageで作成したプレビューのURL(アップロード後)" class="btn btn-banner-1" style="border: 0; width:150px;height:720px;/*画像サイズはここです。サイズは画像に合わせて変更してください* /"></iframe> </div> </div><!--「EasyPage」右固定フローティングバナーここまで-->

3.3.4. カート周りのカスタマイズ

3.3.4.1. 赤バージョン

3.3.4.1.1. <style type="text/css"> body div.bookmarkArea { padding-left: 0 !important; } body div.bkm{ width: 292px !important; height: 83px !important; padding-right: 5px !important; } body div.bookmarkArea div.bkm a.addBkm span.bkmStar { display:inline-block !important; width: 292px !important; height: 83px !important; background: url("https://image.rakuten.co.jp/_partner_53455/cabinet/ecm/banner/7896464/f_i_r.jpg ") no-repeat !important; } #rakutenLimitedId_aroundCart div.bkm { float: left; padding-bottom: 0 !important; } .bookmarkArea .bkm:hover { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; -moz-opacity: 0.50; } #rakutenLimitedId_aroundCart div.shopBkm { float: left; } body #rakutenLimitedId_aroundCart div.shopBkm { width: 292px !important; height: 83px !important; padding-left: 5px !important; } body div.shopBookmarkArea div.shopBkm a.addShopBkm span.shopBkmStar { display:inline-block !important; width: 292px !important; height: 83px !important; background: url("https://image.rakuten.co.jp/_partner_53455/cabinet/ecm/banner/7896464/f_s_r.jpg ") no-repeat !important; } #rakutenLimitedId_aroundCart font input { width: 590px !important; height: 55px !important; background: url("https://image.rakuten.co.jp/_partner_53455/cabinet/ecm/banner/7896464/f_s_r-1.jpg ") no-repeat !important; overflow:hidden; border-width: 0px; cursor: pointer; display:block; text-indent:150%; margin:3px 0 !important; } body #rakutenLimitedId_aroundCart button.rAskBtn { width: 590px !important; height: 55px !important; background: url("https://image.rakuten.co.jp/_partner_53455/cabinet/ecm/banner/7896464/f_s_r-1.jpg ") no-repeat !important; overflow:hidden !important; border-width: 0px !important; cursor: pointer !important; display:block !important; text-indent:-9999px !important; margin:3px 0 !important; } </style>

3.3.4.2. 黄色バージョン

3.3.4.2.1. <style type="text/css"> body div.bookmarkArea { padding-left: 0 !important; } body div.bkm{ width: 292px !important; height: 83px !important; padding-right: 5px !important; } body div.bookmarkArea div.bkm a.addBkm span.bkmStar { display:inline-block !important; width: 292px !important; height: 83px !important; background: url("https://image.rakuten.co.jp/_partner_53455/cabinet/ecm/banner/7896464/f_i_y.jpg ") no-repeat !important; } #rakutenLimitedId_aroundCart div.bkm { float: left; padding-bottom: 0 !important; } .bookmarkArea .bkm:hover { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; -moz-opacity: 0.50; } #rakutenLimitedId_aroundCart div.shopBkm { float: left; } body #rakutenLimitedId_aroundCart div.shopBkm { width: 292px !important; height: 83px !important; padding-left: 5px !important; } body div.shopBookmarkArea div.shopBkm a.addShopBkm span.shopBkmStar { display:inline-block !important; width: 292px !important; height: 83px !important; background: url("https://image.rakuten.co.jp/_partner_53455/cabinet/ecm/banner/7896464/f_s_y.jpg ") no-repeat !important; } #rakutenLimitedId_aroundCart font input { width: 590px !important; height: 55px !important; background: url("https://image.rakuten.co.jp/_partner_53455/cabinet/ecm/banner/7896464/imgrc0073178238.jpg ") no-repeat !important; overflow:hidden; border-width: 0px; cursor: pointer; display:block; text-indent:150%; margin:3px 0 !important; } body #rakutenLimitedId_aroundCart button.rAskBtn { width: 590px !important; height: 55px !important; background: url("https://image.rakuten.co.jp/_partner_53455/cabinet/ecm/banner/7896464/imgrc0073178238.jpg ") no-repeat !important; overflow:hidden !important; border-width: 0px !important; cursor: pointer !important; display:block !important; text-indent:-9999px !important; margin:3px 0 !important; } </style>