スマホ上部の固定バナーの設置方法

Question

お世話になります。
スマホの商品ページの上部にファーストビューで見れる添付画像(ここのバナー)のように固定バナーを設置したいのですが、作成方法をご教授願います。
過去の質問も参考にしましたが、むずかしく、いまいちうまく出来ず。。。
すみませんが、よろしくお願いいたします。###HR######IMG0eb9a0c176cfad57d66aaedcbc071978b.jpegIMG0###

Answer

ECマスターズの伊藤です。

> スマホの商品ページの上部にファーストビューで見れる添付画像(ここのバナー)のように固定バナーを設置したいのですが、作成方法をご教授願います。

店舗設定 ＞ デザイン設定 ＞ スマートフォン デザイン設定 ＞ 商品ページ共通パーツ設定
・商品ページ共通説明文

もしくは

店舗設定 ＞ 商品ページ設定 ＞ 各商品
・スマートフォン用商品説明文

に、下記を内容を修正していただき
アップロードしていただきますと
商品画像の上に、コンテンツを
表示していただくことができますので
お試しくださいませ。


＝＝＝＝＝以下を貼り付け＝＝＝＝＝

ここに商品画像上に移動させたい内容を記入



jQuery(function($){
$('#itemImageSlider').before($('.divBefore'));
});

＝＝＝＝＝以上を貼り付け＝＝＝＝＝

Answer

ご対応ありがとうございます。
シンプルな作成方法で助かりました。
ありがとうございます。

Answer

商品ページ共通説明文へ入力し、商品ページへの表示ができました。
ありがとうございます。
ちなみにカテゴリページに同様のものを表示させるにはどのようにすればよいでしょか？

Answer

ECマスターズの伊藤です。

> ちなみにカテゴリページに同様のものを表示させるにはどのようにすればよいでしょか？

具体的な表示箇所をご連絡いただけますでしょうか。

場合によっては、ご対応いただけない場合がございますので
予めご了承くださいませ。

Answer

ご返信ありがとうございます。
言葉たらずで申し訳ございません。

スマホのカテゴリページになります。

店舗設定 ＞ デザイン設定 ＞ スマートフォン デザイン設定 ＞ ・カテゴリページ　共通パーツ設定←ここです。

可能でしょうか？

あと、このショップのように検索窓も入れられますでしょうか？

恐れ入りますが、何卒よろしくお願いいたします。###HR######IMG01c2b2b9da45c8a10c2d943171707bd61.jpegIMG0######BR###

Answer

ECマスターズの伊藤です。

> 店舗設定 ＞ デザイン設定 ＞ スマートフォン デザイン設定 ＞ ・カテゴリページ　共通パーツ設定←ここです。
> 
> 可能でしょうか？

場所のご連絡ありがとうございました。
下記のコードをご登録いただきますと
ご指定の場所に、表示していただくことが
できると思いますので、お試しくださいませ。

＝＝＝＝＝以下を貼り付け＝＝＝＝＝

ここに商品画像下に移動させたい内容を記入



jQuery(function($){
$('.ctgTtl').before($('.divCateBefore'));
});

＝＝＝＝＝以上を貼り付け＝＝＝＝＝


> あと、このショップのように検索窓も入れられますでしょうか？

基本的に、スマホでは検索を表示するために
必要なタグが禁止されています。

そのため、検索フォームのみの
ページを作成していただき、
GOLDにアップロード後、
iframeを利用して、ページを
表示させるようになると思います。

検索フォームの作り方について
詳しくは、デザインレシピをご参照ください。

楽天標準のようなショップ内検索窓を表示させる方法
https://club.ec-masters.net/index.php?design_page18

その他、設置手順にて
ご不明な点がございましたら
返信よりご連絡くださいませ。