スマホ商品ページへの看板挿入について

Question

お世話になっております。スマホ商品ページへの看板挿入について質問です。以下のページのように看板画像を入れるにはどのようにすればよいでしょうか？http://item.rakuten.co.jp/souzaburou/1543581/?force-site=ipnご返答よろしくお願いします。

Answer

ECマスターズの橋本です。＞以下のページのように看板画像を入れるにはどのようにすればよいでしょうか？＞http://item.rakuten.co.jp/SHOP-URL/ITEM-URL/?force-site=ipn店舗設定 R-Storefront ＞ 1-2デザイン設定の中に、以下の項目がございます。スマートフォン デザイン設定トップページ設定 ＞ 看板設定以下、マニュアルでございます。スマートフォン用看板の設定https://mainmenu.rms.rakuten.co.jp/auth/index.phtml?params=navi/service/08_112.html&s=&param2=0

Answer

ご返信ありがとうございます。トップではなく、「スマホ商品ページへの看板挿入」なのですが、この方法で全ページに表示されますか？

Answer

ECマスターズの塚本です。＞トップではなく、「スマホ商品ページへの看板挿入」なのですが、この方法で全ページに表示されますか？はい、全ページに表示されます。FSJさんでも、ぜひ、一度正しく表示されているかご確認くださいませ。

Answer

この方法では表示されませんでした。

Answer

ECマスターズの田中です。失礼いたしました。技術的な部分もあるため、塚本と一緒に確認させていただきましたが、検索窓の上に自然に表示されておりましたので、勘違いしてしまいました。改めて確認の上、RMSのバグを利用して設置されていることがわかりましたので、設置する方法をご案内いたします。※RMSの、禁止タグを入力できるバグを利用する方法ですので、　今後、RMSの改修により、使用できなくなる可能性があります。最初に、看板用の画像ファイルをGOLDまたはR-Cabinet内にご用意いただき、横幅と縦幅の比率を予め計算してください。（小数点以下は切り上げてください）例）横872px、縦350pxの場合、350/872=0.401≒41%次に、下記内容をメモ帳に貼り付けてファイル名の末尾を「.css」にして、外部CSSファイルとして保存し、楽天GOLDにアップロードしてください。= この下の行から ====================#topBanner { width: 100%; overflow: hidden; position: absolute; top: 45px; left: 0px;}#ipnsh-header{ padding-bottom:横縦幅の比率%; }= この上の行まで ====================※横縦幅の比率は、先ほど計算した結果に置き換えてご利用ください。最後に、下記内容をスマートフォン用の商品ページ共通説明文に挿入していただくことで、商品ページに看板画像を挿入することができます。= この下の行から ====================

= この上の行まで ====================※画像ファイルのURL・外部CSSファイルのURLは、実際の内容に置き換えてご利用ください。

Answer

田中さま　塚本さま迅速なご回答ありがとうございます。サンプルと同じように検索窓もつけたいので、合わせてコードも教えてもらえますでしょうか？

Answer

ECマスターズの田中です。サンプルと同じように検索窓もつけたい、というのは、http://item.rakuten.co.jp/SHOP-URL/ITEM-URL/?force-site=ipnの看板の下にある検索窓のことで間違いないでしょうか。今回ご案内したのは同じ方法なので、FSJさんにて実際に看板を設置していただくと同様に看板の下に検索窓が表示されるはずなのですが、看板に被さって見えなくなっておりますでしょうか。

Answer

田中さま無事解決しました。この度は非常に勉強になりました。ありがとうございました。

スマホ商品ページへの看板挿入について

カテゴリーから探す