スマホファーストビューにカテゴリを表示させる方法

Question

お世話になっております。スマホの転換率が悪く試行錯誤中です。下記商品のスマホページを参考に画像の上にカテゴリを表示させたいです。https://item.rakuten.co.jp/sanwadirect/100-mr066/?iasid=07rpp_10095___e7-jl60mwhf-45-b5d8b97f-32d6-4a99-a949-57591b78fd67デザインレシピではスライドバナーにつていは掲載されていますが固定のものはわからなかったのですが教えていただけますでしょうか。よろしくお願いします。

Answer

ECマスターズの田中です。商品画像上のカテゴリ表示について、確認の上、改めてご案内いたします。

Answer

ECマスターズの田中です。※RMSの、禁止タグを入力できるバグを利用する方法ですので、　今後、RMSの改修により、使用できなくなる可能性があります。スマホページのファーストビューにバナーを設置する方法https://club.ec-masters.net/index.php?design_page4を、ご覧いただいたということですね。デザインレシピでは、スライドバナー用HTMLファイルを表示するためのiframeタグを、商品画像の上に移動させる、という動作を行っておりますので、iframeタグで表示させる内容を、たかんさんにて楽天GOLD内に作成いただいたHTMLファイルにご変更いただくことで、ご希望の表示にすることができます。たとえば、例としていただいたサンワダイレクトさんでは、https//www.rakuten.ne.jp/gold/SHOP-URL/smp/header_menu.htm上記HTMLファイルを、iframeタグによって表示させることで実現させております。あるいは、iframeタグを以下のようにdivタグにご変更いただくことで、

と

で囲まれた部分をそのまま、商品画像の上に移動させることができます。（classに「iframe」が含まれておりますが、そのままご利用いただけます）

商品画像の上に移動させたいHTMLソース

ヘッダーの内容を作成できない、楽天GOLDの使い方がわからないなど、不明な点がございましたらご返信ください。

Answer

しばらく着手できずに、完了できておらず、すみませんでした！下記HTMLを貼って、表示はされるのですがバナーが縦並びになってしまいます。横並びにするにはどうしたらいいでしょうか。いまは実際の説明文からは下記URLの記述を外しています。

Answer

ECマスターズの田中です。> 横並びにするにはどうしたらいいでしょうか。スタイルシートで、見た目を調整していただく必要がございます。たとえば、下記styleタグを追記していただく、といった形です。

Answer

ありがとうございました。解決いたしました。

スマホ ファーストビューにカテゴリを表示させる方法

カテゴリーから探す

スマホファーストビューにカテゴリを表示させる方法