• 文字サイズ


解決済

楽天のスマホ商品ページ共通説明文にアコーディオンメニューを入れたい

  • 相談者:非公開
  • 2019/02/06 20:13
https//www.rakuten.ne.jp/gold/SHOP-URL/smart/index.html

こちら楽天のスマホ用トップページですが、この下の方にカテゴリメニューがあります。
「+」マークでサブカテゴリを展開できるアコーディオンメニューになっていまして、これを商品ページ、カテゴリページにも設置しようとしています。

ところが商品ページには禁止タグのせいで設置できません。

そこでiframeでトップページのメニューを引っ張ってくることにしました。
(バグを利用した裏技でiframeを設置しました)

しかしアコーディオンメニューですので、展開するサブカテゴリに応じてiframeの高さが自動で変わる必要があります。

↓そこで、このページでiframe高さ自動調整のscriptを見つけました。
https://recipe.oga-ria.com/useful_tools/3427

↓これを組み込むべく、scriptタグを楽天に入れる裏技を調べ
https://code-life.hatenablog.com/entry/2016/05/26/楽天市場RMSページでscriptタグ(禁止タグ)を有効にす

すべて組み込んで作ったのですが、それでも高さは調整されず見切れてしまいました。

こちらとしてはこの方法にこだわらずとも、トップページと共通のカテゴリメニューを設置できお客様の回遊をスムーズにできればよいのですが、このような場合どうしたらよいでしょうか。

また、共通のメニューボタンを設置したいという需要は多いと思うのですが、他の店舗様のスマホページではどうしているのでしょうか。
投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 2019/02/07 12:20
ECマスターズの田中です。

おそらく、高さの調整を行う仕組みにてエラーが発生しており、
その原因を調査する必要があるのですが、
iframe自体、スマ………(省略)………
  • 返信者:非公開(質問者)
  • 2019/02/08 11:05
ご回答ありがとうございます!

ただ、やってみたのですが何も表示されず空欄になってしまいました。

解釈の仕方を間違っているかもしれません。

1.………(省略)………
  • 返信者:非公開
  • 2019/02/08 12:38
ECマスターズの田中です。

JavaScriptのコードにて、「HTMLソース」の部分に
category.htmlのURLをご記載いただいておりますが………(省略)………
  • 返信者:非公開(質問者)
  • 2019/02/21 12:33
ご案内いただきましたリンクにて、左側のボックスにコードをペースとして「minify」を押しても
// Error : Unexpected token: op………(省略)………
  • 返信者:非公開
  • 2019/02/21 18:29
ECマスターズの田中です。

> ご案内いただきましたリンクにて、左側のボックスにコードをペーストして「minify」を押しても
> (中略)
> と出………(省略)………
  • 返信者:非公開(質問者)
  • 2019/03/12 15:42
ご案内いただきました方法で、'<link rel="stylesheet" type="text/css" href="(中略)</a></li></ul></………(省略)………
  • 返信者:非公開(質問者)
  • 2019/03/12 15:46
一応、商品ページ共通説明文のソースを添付いたします。
javascriptには詳しくないもので、何がいけないのかわからず…基本的な間違いがありましたらすみませ………(省略)………
  • 返信者:非公開
  • 2019/03/12 19:01
ECマスターズの田中です。

実施していただいたとおり、タグをそのまま商品ページ共通説明文に記載されますと、
文字数オーバー、および禁止タグのチェックに引………(省略)………
  • 返信者:非公開(質問者)
  • 2019/03/22 09:51
ご案内の通り入れました。禁止タグの表示は出なかったのですが、やはり表示されません…

まずJqueryは
<script ="" src="https//………(省略)………
  • 返信者:非公開
  • 2019/03/22 14:38
ECマスターズの田中です。

解決までに長い期間をおかけしてしまい、
申し訳ありません。

実際の導入にあたり、さらに必要となる

・「categ………(省略)………
  • 返信者:非公開(質問者)
  • 2019/03/22 16:27
具体的で詳しいご案内、ありがとうございます!

ただ入れてみたのですが…やはり出力されたページには何も表示されません。
https://item.raku………(省略)………
  • 返信者:非公開
  • 2019/03/22 17:04
ECマスターズの田中です。

私にて確認したところ、
添付画像のとおり、問題なく表示されておりました。

キャッシュ(過去に読み込んだページのデータ)………(省略)………
  • 返信者:非公開(質問者)
  • 2019/03/28 18:18
ありました!
失礼いたしました、表示位置がカートの下あたりにくるものだと勝手に思っていまして、勘違いしていました。

ちなみにできればカートの下、「ショッ………(省略)………
  • 返信者:非公開(質問者)
  • 2019/03/28 18:31
カテゴリ名の改行の問題、教えてくださりありがとうございます!
余白や文字サイズを調整して対応しました。ご指摘くださり、助かりました。………(省略)………
  • 返信者:非公開
  • 2019/03/28 19:48
ECマスターズの田中です。

> ちなみにできればカートの下、「ショップの人気ランキング」あたりに設置したいのですが、商品ページ共通説明文の位置を入れ替える………(省略)………
このフォーラムへの質問は終了しました