スマホページ　画像上部にスライドバナーの設置方法

Question

いつもお世話になっております。

スマホページの画像上部（店舗看板の上）にバナーを設置したいのですが、やり方がわかりません。
どのようにしたら良いのでしょうか？簡単な方法がございましたら教えてください。

かなりの初心者の為、デザインレシピやフォーラム内も、確認してみましたが、
よくわかりませんでした。

ECステーションでスライドバナー設置は教えて頂きましが、下記のソースをｒｍｓに貼り付けだと下部分に表示されるとのことでした。
どうぞ宜しくお願い致します。

Answer

ECマスターズの田中です。

店舗看板の上、ということは、
トップページに設置されたいということでしょうか。

おにじマンさんのショップのトップページは、
楽天GOLDの「smp」フォルダ内の「index.html」となっておりますので、

同ファイルの381行目にある、

        
            
        

上記タグの直前に、
いただいたタグをご記載いただくことで設置ができます。

トップページではなく、
商品ページに挿入される場合は、
確かに共通説明文ですとページ下部分に表示されます。
それを回避するためには、JavaScriptを利用する必要がございます。

※RMSの、禁止タグを入力できるバグを利用する方法ですので、
　今後、RMSの改修により、使用できなくなる可能性があります。

最初に、下記内容をメモ帳に貼り付けて
ファイル名の末尾を「.js」にして、
外部JSファイルとして保存し、
楽天GOLDにアップロードしてください。

= この下の行から ====================
jQuery(function($){
$('#itemImageSlider').before($('.beforeImage'));
});
= この上の行まで ====================

次に、下記内容を
スマートフォン用の商品ページ共通説明文に挿入していただくことで
商品画像の上にバナーを設置することができます。

= この下の行から ====================

Answer

早速のご返信ありがとうございます。

トップページと商品ページはリンクしている物だと思っていました。

トップページではなく商品ページに挿入をしたいのですが、
外部JSファイルとして保存をしましたが、その後
の楽天goldへのアップロードの仕方、アップロード先がわかりません。

また、外部JSファイルのURLと言うのは楽天goldにアップロード後に
取得するURLの事でしょか？

勉強不足でご迷惑をお掛けいたしますが、お返答宜しくお願い致します。

Answer

ECマスターズの田中です。


> トップページと商品ページはリンクしている物だと思っていました。

片方で反映した内容が片方にも反映されると思われていた、
ということですね。
楽天の仕組みとして、トップページと商品ページで
共通する項目がほとんどなく、
特に、おにじマンさんのスマートフォン用トップページは
楽天GOLD内に作られており、
商品ページなどと連動しないぶん、自由なデザインが可能となっております。


> 楽天goldへのアップロードの仕方、アップロード先がわかりません。

最初に、改めて楽天GOLDについてご説明いたしますと、
パソコンのハードディスクと同じ要領でファイルを保存し、
それをインターネット上に公開することができる仕組みです。
いわゆる「FTPサーバー」と同じ仕組みとなっております。

楽天GOLDにつきましては、
下記URL、楽天大学にて動画で解説がございますので、
今後楽天GOLDを取り扱っていただくにあたり、
一度ご視聴いただきますようお願いします。
https://daigaku.rms.rakuten.co.jp/rmsapp/watch/20113

楽天GOLDと御自身のPCとでファイルのやり取りをするには
専用のソフトが必要となるのですが、
楽天より提供されている「Ribrary」というソフトが
無料でご利用いただける上に使い勝手が良いので、
まずは下記URLより概要を確認の上、お申し込みをお願いします。
https://www.rakuten.co.jp/shops/manual/navi/service/08_053.html

Ribraryによるアップロードの仕方も
マニュアルに記載されておりますので、下記URLをご参照ください。
https://www.rakuten.co.jp/shops/manual/navi/service/08_081.html
アップロード先は、御自身の楽天GOLD内であればどこでも構いません。
「js」フォルダを作るなど、管理しやすい場所にアップロードをお願いします。


> また、外部JSファイルのURLと言うのは楽天goldにアップロード後に
> 取得するURLの事でしょか？

はい、そうです。
上記「Ribrary」をご利用いただくことで、
かんたんにURLをコピーすることができますので、
マニュアルをご参照いただきつつ、操作をお試しいただきますよう
お願いいたします。

Answer

この度は、この手に疎い私にも、分かりやすく、ご説明頂き、ありがとうございました。
先程、設置が完了しました。
助かりました、ありがとうございます。

スマホページ 画像上部にスライドバナーの設置方法

スマホページ　画像上部にスライドバナーの設置方法