楽天のスマホ商品ページで共通パーツの下に画像を入れたい

Question

楽天のスマホ商品ページでファーストビューにある
共通パーツの下と商品登録画像の間と
商品名の下と商品説明文の間に画像を入れたいのですが
どうすればいいでしょうか？
宜しくお願い致します。

Answer

ECマスターズの田辺です。

＞共通パーツの下と商品登録画像の間と
＞商品名の下と商品説明文の間に画像を入れたいのですが
＞どうすればいいでしょうか？

共通パーツというのは楽天によって決められたテンプレート（一番上からショップ名まで）のことでお間違いないでしょうか。

ニックさんが表示させたい位置に画像を表示させるには
JavaScriptをつかって表示位置を移動させる方法がございます。

まずは下記内容をメモ帳に貼り付けて
ファイル名の末尾を「.js」にして、
外部JSファイルとして保存し、
楽天GOLDにアップロードしてください。

＝この下から＝＝＝＝＝＝＝＝

jQuery(function($){
$('#itemImageSlider').before($('.temp_under'));
$('#itemDescription').before($('.title_under'));
});

＝この上まで＝＝＝＝＝＝＝＝

次に、挿入したい画像が全商品共通で表示させる画像の場合、
スマートフォン共通パーツ設定に下記の記述をしていきます。

・上記でアップロードした外部JSファイルを読み込むためのタグ
・「class="temp_under"」を記述した共通パーツの下と商品登録画像の間に表示させたい画像のタグ
・「class="title_under"」を記述した商品名の下と商品説明文の間に表示させたい画像のタグ

例）




temp_underやtitle_underという名前は
JSファイルの名前と同じものを設定していただければお好きな半角英数の名前にしていただいて構いません。

今回お伝えした内容はデザインレシピで紹介している内容を応用した方法になりますので
よろしければこちらもご覧いただけますと幸いです。
https://club.ec-masters.net/index.php?design_page4

Answer

実装できました！
有難うございました。