グローバルナビゲーションの表示について

Question

いつもお世話になります。タウンです。グローバルナビゲーションについて当店でもPC上では表示をしたあとこのタグを使ってスマートフォンでは入力不可となりました。よってスマートフォン上ではどのように表示させればいいのでしょうか。表示の位置ですが、スマートフォンのトップページに表示させる、もしくはカテゴリページの途中に表示させる、とかありますが、どこが一番効率がいいのでしょうか。またグローバルナビの表示名称には、扱っているカテゴリーを全てを表示させるべきかそれとも会社概要や店舗についての店舗情報を載せるべきか。もしくは、現在表示しているのですが、オススメのカテゴリーをピックアップして表示でもいいのでしょうか最後になりましたが、楽天市場内で上手に表示や案内している店舗はございますでしょうか。複数のご質問で申し訳ございません。ご回答宜しくお願い致します

Accepted Answer

ECマスターズの伊藤です。> すみません、ECステーションのツールでリンク設定はございました。リンク設定はご確認いただけたようで、良かったです。> 表示サイズが少し小さく見えているのですがもう少し大きく出来ますでしょうかスライドされている画像を横幅いっぱいに表示させたい、ということでよろしいでしょうか。その場合は、元の画像を、大きいサイズでご用意いただく必要がございます。横幅500px程度の画像に、修正をお願いいたします。また、iframeを横幅いっぱいにするように、width、heightの修正が必要になるため下記の通り、iframeを修正して頂ますよう、お願いいたします。<iframe ="" src="【略】/slider_.html" class="iframeBefore" style="height: calc(100vw / 2); width:100%;">なお、画像の縦横比が変更になりますと、heightの計算が変わりますので高さがうまく表示されないようでしたら、その旨ご連絡くださいませ。

Answer

ECマスターズの伊藤です。> グローバルナビゲーションについて当店でもPC上では表示をしたあと> このタグを使ってスマートフォンでは入力不可となりました。> よってスマートフォン上ではどのように表示させればいいのでしょうか。PCとスマートフォンでは、画面幅など、表示領域が異なることや楽天RMSで使用可能なHTMLタグが異なりますので共通のタグをご利用いただくことができないため、スマートフォンで利用可能なタグをご利用くださいませ。> 表示の位置ですが、スマートフォンのトップページに表示させる、> もしくはカテゴリページの途中に表示させる、とかありますが、どこが一番効率がいいのでしょうか。スマートフォンでのページ表示の場合1画面に表示できる内容に限りがございます。そのため、全てのページに共通となるグローバルナビは、レイアウトの邪魔にならないようヘッダーに表示させるのが一般的です。また、どうしても「いろいろと表示させたい」という気持ちがでてカテゴリをたくさん表示させているサイトがございますが、グローバルナビに詰め込みすぎてしまうとどのページに移動しても、表示されるためお客様からすると、「希望した内容が表示されない」感じてしまいます。そのため、グローバルナビは、多くても画面1/3程度におさめていただく方がよろしいかと思います。> またグローバルナビの表示名称には、扱っているカテゴリーを全てを表示させるべきか> それとも会社概要や店舗についての店舗情報を載せるべきか。先にもお話しておりますが、グローバルナビは、全てのページに共通して表示されます。会社概要などは、お客様が気になった際、ご自分でお調べになりますので、少ないエリアを割いてまで、全てのページに表示させる必要は無いと思います。公開コンサルティングや、サポートレターなどで清水がよく申していますがグローバルナビは、百貨店などのフロアガイドと同じだとお考えください。> 最後になりましたが、楽天市場内で上手に表示や案内している店舗はございますでしょうか。> 複数のご質問で申し訳ございません。ご回答宜しくお願い致しますショップ・オブ・ザ・イヤーや、ランキングから、タウンさんの店舗と同ジャンルの店舗をご参考にジャンル分けや、表示方法など、ご参考にされてはいかがでしょうか。実際にページ遷移をされて、使いやすいグローバルナビはもちろん使いにくいと感じるグローバルナビも、反面教師となると思います。

Answer

ECマスターズの伊藤様　この度は早急なご回答誠にありがとうございます。おおよそは理解できたのですが、スマートフォンでのタグにての表示方法はどうようにすればいいのでしょうか。また入れるべき場所にどうようにタグを入力すればいいのでしょうか。再度ご教授いただきましたら幸いです。

Answer

ECマスターズの伊藤です。> おおよそは理解できたのですが、スマートフォンでのタグにての表示方法は> どうようにすればいいのでしょうか。楽天のマニュアルにて、[スマートフォンデザイン設定] スマートフォン用入力項目で利用できるタグhttps://navi-manual.faq.rakuten.net/design/000009463が紹介されております。基本は、こちらを利用していたく形となりますが、本来であれば、使えないタグが使える様になる裏技などもございます。例えば、

であれば

のように、=""を入れていただくことで、一部の禁止タグがご利用いただけます。※楽天RMSのバグを利用した方法は仕様変更の際に、表示されなくなるなどの影響が考えられますので、予めご了承くださいませ。作成して頂いたHTMLは、デザインレシピにございますスマホページのファーストビューにバナーを設置する方法https://club.ec-masters.net/index.php?design_page4を応用していただきますと、本来であれば表示することができない商品画像の上に表示していただくことができます。スマートフォン用の商品ページ共通パーツ設定などにご登録いただくことでグローバルナビを表示していただくことができます。ご希望のデザインがお決まりになりましたら、設置方法についてもサポート致しますのでその際はご相談くださいませ。

Answer

この度は大変お世話になります。タウンです。他店舗のスマートフォントップページを参考したのですが以下のショップはどうでしょうか。やはりこのようなグローバルナビをつけるべきでしょうか。ここが一番表示がよさそうですhttps://www.rakuten.co.jp/SHOP-URL/ここはスマートな感じがします。https://www.rakuten.ne.jp/gold/piary/実はどこがどういいのかよくわかっていません。本当に申し訳ございません、スマートフォンでは、どのように表示させるべきなのかも改めてお教えいただきますよう宜しくお願い致します度々のご質問申し訳ございません、ご回答宜しくお願い致します

Answer

ECマスターズの伊藤です。> 他店舗のスマートフォントップページを参考したのですが> 以下のショップはどうでしょうか。> やはりこのようなグローバルナビをつけるべきでしょうか。スマホの場合は、楽天デフォルトで表示させているメニューがございますのでグローバルナビを設置されていない店舗様も数多くいらっしゃいます。ですが、クリックして展開しないと内容が確認できないためたとえば、商品ページを見て気に入った商品でなければ離脱してしまう可能性もございます。そういったお客様に、こんなジャンルの商品扱ってますよ！他のも見てね！といったかたちでアピールするためには、グローバルナビは設置頂いたほうがよろしいかと思います。> ここが一番表示がよさそうです> > https://www.rakuten.co.jp/SHOP-URL/商品の魅力を説明することで目的を持ったお客様に特定の商品をアピールすることができると思います。しかしながら、タウンさんの店舗はお取り扱いのジャンルの幅が広いため数点のみ、商品のアピールをするといったような方法は合わないのでは、と感じました。> ここはスマートな感じがします。> > https://www.rakuten.ne.jp/gold/piary/GOLDで作成していただいたページのため楽天の標準とほぼ同様のメニューが表示されているようです。もし、標準のものにプラスでグローバルメニューを作成されたいのであれば内容が重複するため、不要であると思います。

Answer

ECマスターズの伊藤様　改めてご回答誠にありがとうございますこの度の回答につきましては、理解出来ました。ただ当店ではギフトショップのため季節ごとにオススメ商材が違ってきます。今後スマートフォンでもシーズンごとの商材をアピールするためショップのナビも含めたグローバルナビの設置を考えています。場所としましてはスマートフォンのトップページに表示を考えております。また各カテゴリー上のスマートフォンのトップページにも表示させたいのですが可能でしょうか。方法としましては、以下のショップのような楽天ゴールド上へスマートフォンのトップページを上げるのかもしくはそのままタグをスマートフォンのトップページへアップすればいいのでしょうか。恐れ入りますが、タグ等について大変疎いため、基本的な枠組みのタグをお教えいただけましたら幸いです。度々お伺いして申し訳ございません、ご回答宜しくお願い頂きますよう宜しくお願い致します

Answer

なお、以下のショップのようなhttps://item.rakuten.co.jp/sawasei/　　ギフトハレスマートフォンでの商品画像の上にスライドバナーを表示させるにはどのようにすればいいのでしょうか。

Answer

ECマスターズの中野です。いただいたこちらの内容につきまして、担当より回答させていただきます。お時間いただいておりますがしばらくお待ちいただければと思います。よろしくお願いいたします。

Answer

ECマスターズの伊藤です。> 場所としましてはスマートフォンのトップページに表示を考えております。> また各カテゴリー上のスマートフォンのトップページにも表示させたいのですが> 可能でしょうか。はい、設置可能となっております。PC版のヘッダーのように、RMSで設置箇所が用意されているわけではないため、例えば、商品説明文に入れていただき、商品説明文の一部（グローバルナビ部分）を商品画像の上に表示させるようにレイアウトを修正していただくことで、上部に表示させることができます。なお、商品ページなどの上部に標準設置されている共通ヘッダーを非表示としますとⅡ-(9)-31当社が全店舗に提供している共通コンテンツを隠す行為https://navi-manual.faq.rakuten.net/rule/000010037に該当するため、共通ヘッダーを別のデザインに差し替えることはできません。参考リンク：共通ヘッダとは、どの部分になりますか？https://navi-manual.faq.rakuten.net/rule/000010574#link-c35> 方法としましては、以下のショップのような楽天ゴールド上へスマートフォンのトップページ> を上げるのか> もしくはそのままタグをスマートフォンのトップページへアップすればいいのでしょうか。どちらの方法でも設置可能となっております。今回は、カテゴリページや、商品ページにも設置されたいとのことですので楽天ゴールドにグローバルナビのデータを上げていただき、IFRAMEを利用してグローバルナビのデータを参照する方法が、よろしいかと思います。> スマートフォンでの商品画像の上にスライドバナーを表示させるにはどのようにすればいいのでしょうか。提携サービスのECステーションにて、クラブ会員の皆様に特別価格で提供中のセレクトプレミアム１０https://www.intecrece.co.jp/ecm/master10.htmlに含まれる、まるごとスマホhttp://www.intecrece.co.jp/ec/smartphone/index.htmlをご利用いただきますと、スライドショーも設置することができます。

Answer

ECマスターズの伊藤です。先程、ご質問いただいておりましたファーストビューにスライドバナーが表示されない件ですが、確認をさせていただいたところ、JSファイルのリンクが異なっておりました。下記の通り、修正していただきますよう、お願いいたします。/template/japa.js↓↓↓https://www.rakuten.ne.jp/gold/【店舗ID】/template/japa.js

Answer

ECマスターズの伊藤様　先日に引き続きご対応誠にありがとうございます。商品のトップ画像へ表示されるようになりました。本当にありがとうございます。実はもう少しメンテナンスしたいことがございまして表示サイズが少し小さく見えているのですがもう少し大きく出来ますでしょうか画像元のサイズは幅300px　高さ130pxにて加工いたしました。 iframeのサイズ設定は" width="350px" height="135px">に致しました。こちらのサイズを変更して表示内にピッタリ収めることは出来ますでしょうか。また、このスマートフォンでのトップ画像の表示へリンク先の設定は可能でしょうか。度々のご質問大変申し訳ございませんがご回答宜しくお願い致します。

Answer

すみません、ECステーションのツールでリンク設定はございました。大変失礼いたしました。

Answer

ECマスターズの伊藤様　無事解決いたしました。幅も想像した以上にスッキリ収まり予定通りの表示となりました。今後はスマートフォンの表示において他店舗を研究しグローバルナビ等の表示も含めて変更する所在です。本当にありがとうございました

グローバルナビゲーションの表示について

カテゴリーから探す