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

Question

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

Answer

ECマスターズの田中です。店舗看板の上、ということは、トップページに設置されたいということでしょうか。おにじマンさんのショップのトップページは、楽天GOLDの「smp」フォルダ内の「index.html」となっておりますので、同ファイルの381行目にある、

上記タグの直前に、いただいたタグをご記載いただくことで設置ができます。トップページではなく、商品ページに挿入される場合は、確かに共通説明文ですとページ下部分に表示されます。それを回避するためには、JavaScriptを利用する必要がございます。※RMSの、禁止タグを入力できるバグを利用する方法ですので、　今後、RMSの改修により、使用できなくなる可能性があります。最初に、下記内容をメモ帳に貼り付けてファイル名の末尾を「.js」にして、外部JSファイルとして保存し、楽天GOLDにアップロードしてください。= この下の行から ====================jQuery(function($){$('#itemImageSlider').before($('.beforeImage'));});= この上の行まで ====================次に、下記内容をスマートフォン用の商品ページ共通説明文に挿入していただくことで商品画像の上にバナーを設置することができます。= この下の行から ===================== この上の行まで ====================※外部JSファイルのURL・出荷日バナー設置用HTMLタグは、　実際のURL・HTMLタグに置き換えてください。楽天GOLDの使い方がわからないなど、不明な点がございましたらご返信ください。

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/SHOP-URL/manual/navi/service/08_053.htmlRibraryによるアップロードの仕方もマニュアルに記載されておりますので、下記URLをご参照ください。https://www.rakuten.co.jp/SHOP-URL/manual/navi/service/08_081.htmlアップロード先は、御自身の楽天GOLD内であればどこでも構いません。「js」フォルダを作るなど、管理しやすい場所にアップロードをお願いします。> また、外部JSファイルのURLと言うのは楽天goldにアップロード後に> 取得するURLの事でしょか？はい、そうです。上記「Ribrary」をご利用いただくことで、かんたんにURLをコピーすることができますので、マニュアルをご参照いただきつつ、操作をお試しいただきますようお願いいたします。

Answer

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

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

カテゴリーから探す

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