- 文字サイズ変更
- 小
- 中
- 大
解決済
楽天のスマホ商品ページ共通説明文にアコーディオンメニューを入れたい
- 相談者：非公開
- 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タグ（禁止タグ）を有効にす
すべて組み込んで作ったのですが、それでも高さは調整されず見切れてしまいました。
こちらとしてはこの方法にこだわらずとも、トップページと共通のカテゴリメニューを設置できお客様の回遊をスムーズにできればよいのですが、このような場合どうしたらよいでしょうか。
また、共通のメニューボタンを設置したいという需要は多いと思うのですが、他の店舗様のスマホページではどうしているのでしょうか。
こちら楽天のスマホ用トップページですが、この下の方にカテゴリメニューがあります。
「+」マークでサブカテゴリを展開できるアコーディオンメニューになっていまして、これを商品ページ、カテゴリページにも設置しようとしています。
ところが商品ページには禁止タグのせいで設置できません。
そこで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！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
広告０円で楽天の売上アップ続出！
ECマスターズチャンネルをチェック！
ECマスターズチャンネルをチェック！
総視聴回数15万回突破！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
- 返信者：非公開
- 2019/02/07 12:20
ECマスターズの田中です。
おそらく、高さの調整を行う仕組みにてエラーが発生しており、
その原因を調査する必要があるのですが、
iframe自体、スマ………（省略）………
おそらく、高さの調整を行う仕組みにてエラーが発生しており、
その原因を調査する必要があるのですが、
iframe自体、スマ………（省略）………
- 返信者：非公開（質問者）
- 2019/02/08 11:05
ご回答ありがとうございます！
ただ、やってみたのですが何も表示されず空欄になってしまいました。
解釈の仕方を間違っているかもしれません。
1.………（省略）………
ただ、やってみたのですが何も表示されず空欄になってしまいました。
解釈の仕方を間違っているかもしれません。
1.………（省略）………
- 返信者：非公開
- 2019/02/08 12:38
ECマスターズの田中です。
JavaScriptのコードにて、「HTMLソース」の部分に
category.htmlのURLをご記載いただいておりますが………（省略）………
JavaScriptのコードにて、「HTMLソース」の部分に
category.htmlのURLをご記載いただいておりますが………（省略）………
- 返信者：非公開（質問者）
- 2019/02/21 12:33
ご案内いただきましたリンクにて、左側のボックスにコードをペースとして「minify」を押しても
// Error : Unexpected token: op………（省略）………
// Error : Unexpected token: op………（省略）………
- 返信者：非公開
- 2019/02/21 18:29
ECマスターズの田中です。
> ご案内いただきましたリンクにて、左側のボックスにコードをペーストして「minify」を押しても
> （中略）
> と出………（省略）………
> ご案内いただきましたリンクにて、左側のボックスにコードをペーストして「minify」を押しても
> （中略）
> と出………（省略）………
- 返信者：非公開（質問者）
- 2019/03/12 15:42
ご案内いただきました方法で、'<link rel="stylesheet" type="text/css" href="（中略）</a></li></ul></………（省略）………
- 返信者：非公開（質問者）
- 2019/03/12 15:46
一応、商品ページ共通説明文のソースを添付いたします。
javascriptには詳しくないもので、何がいけないのかわからず…基本的な間違いがありましたらすみませ………（省略）………
javascriptには詳しくないもので、何がいけないのかわからず…基本的な間違いがありましたらすみませ………（省略）………
- 返信者：非公開
- 2019/03/12 19:01
ECマスターズの田中です。
実施していただいたとおり、タグをそのまま商品ページ共通説明文に記載されますと、
文字数オーバー、および禁止タグのチェックに引………（省略）………
実施していただいたとおり、タグをそのまま商品ページ共通説明文に記載されますと、
文字数オーバー、および禁止タグのチェックに引………（省略）………
- 返信者：非公開（質問者）
- 2019/03/22 09:51
ご案内の通り入れました。禁止タグの表示は出なかったのですが、やはり表示されません…
まずJqueryは
<script ="" src="https//………（省略）………
まずJqueryは
<script ="" src="https//………（省略）………
- 返信者：非公開
- 2019/03/22 14:38
ECマスターズの田中です。
解決までに長い期間をおかけしてしまい、
申し訳ありません。
実際の導入にあたり、さらに必要となる
・「categ………（省略）………
解決までに長い期間をおかけしてしまい、
申し訳ありません。
実際の導入にあたり、さらに必要となる
・「categ………（省略）………
- 返信者：非公開（質問者）
- 2019/03/22 16:27
- 返信者：非公開
- 2019/03/22 17:04
ECマスターズの田中です。
私にて確認したところ、
添付画像のとおり、問題なく表示されておりました。
キャッシュ（過去に読み込んだページのデータ）………（省略）………
私にて確認したところ、
添付画像のとおり、問題なく表示されておりました。
キャッシュ（過去に読み込んだページのデータ）………（省略）………
- 返信者：非公開（質問者）
- 2019/03/28 18:18
ありました！
失礼いたしました、表示位置がカートの下あたりにくるものだと勝手に思っていまして、勘違いしていました。
ちなみにできればカートの下、「ショッ………（省略）………
失礼いたしました、表示位置がカートの下あたりにくるものだと勝手に思っていまして、勘違いしていました。
ちなみにできればカートの下、「ショッ………（省略）………
- 返信者：非公開（質問者）
- 2019/03/28 18:31
カテゴリ名の改行の問題、教えてくださりありがとうございます！
余白や文字サイズを調整して対応しました。ご指摘くださり、助かりました。………（省略）………
余白や文字サイズを調整して対応しました。ご指摘くださり、助かりました。………（省略）………
- 返信者：非公開
- 2019/03/28 19:48
ECマスターズの田中です。
> ちなみにできればカートの下、「ショップの人気ランキング」あたりに設置したいのですが、商品ページ共通説明文の位置を入れ替える………（省略）………
> ちなみにできればカートの下、「ショップの人気ランキング」あたりに設置したいのですが、商品ページ共通説明文の位置を入れ替える………（省略）………
このフォーラムへの質問は終了しました
質問を検索する