商品ページの価格表示位置の変更

Question

PCやスマホ商品ページの価格表示位置の変更方法が有れば、教えください。
例えば商品画像の下の目立つ所に置きますとか。

Answer

ECマスターズの田辺です。

JavaScriptを利用して、
既存の要素を複製する方法で実現できますが、
PCではJavaScriptをご利用いただけないので
スマホ商品ページでの価格表示位置を変更する方法をご案内させていただきます。

※RMSの、禁止タグを入力できるバグを利用する方法ですので、
　今後、RMSの改修により、使用できなくなる可能性があります。

また、楽天本来のページ構造を若干崩すことになりますので、
想定外の不具合が発生する可能性があることを予めお含みおきください。


最初に、下記内容をメモ帳に貼り付けて
ファイル名の末尾を「.js」にして、
外部JSファイルとして保存し、
楽天GOLDにアップロードしてください。

= この下から ================
jQuery(function($){
$('#itemImageSlider').after($('#itemSpecification').clone());
});
= この上まで ================

次に、下記内容を
スマートフォン デザイン設定にある
商品ページ共通パーツ設定に挿入していただくことで
商品画像の下に価格表示が現れます。

= この下の行から ====================

= この上の行まで ====================
※外部JSファイルのURLは、実際のURLに置き換えてください。