• 文字サイズ
質問中

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

  • 相談者:非公開
  • 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タグ(禁止タグ)を有効にす

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

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

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




  • 返信者:非公開
  • 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………(省略)………