スマホサイトのバナーの入れ方　クーポンの２つの小さいやつ

Question

お世話になっております。

https://item.rakuten.co.jp/e-zakkamania/32621-1800336/?ezm_section=panel

こちらの、バナーと同じ配置で設定したい場合はどこにどのようにコードを入れたらいいでしょうか？
ご教示ください、よろしくお願いします。###IMG0482dafb73208231e48213d81ad03227f.jpegIMG0###

Answer

ECマスターズの田辺です。

https://forum.ec-masters.net/post_view.php?id=7991
を応用して共通説明文に記述した内容を
商品画像の下にも移動させることができます。

※RMSの、禁止タグを入力できるバグを利用する方法ですので、
　今後、RMSの改修により、使用できなくなる可能性があります。

＝この下から＝＝＝＝＝＝＝＝
jQuery(function($){
$('#itemImageSlider').before($('.supersale'));
});
＝この上まで＝＝＝＝＝＝＝＝

というのが、
商品画像（#itemImageSlider）の上（.before）に
スーパーSALEバナー（.supersale）を
移動させるという指示ですので、

商品画像の下に移動させる場合は.beforeではなく
.afterを使って記述します。

そのためにはまず、
下に表示させるバナーにclass名をつけていただきたいので、
などで横並びにしたバナーに
class名を設定してください。

例）













例のように「coupon」というclass名にした場合は
JSファイル内の記述は以下のようになります。

＝この下から＝＝＝＝＝＝＝＝
jQuery(function($){
$('#itemImageSlider').before($('.supersale'));
$('#itemImageSlider').after($('.coupon'));
});
＝この上まで＝＝＝＝＝＝＝＝
※商品画像の上にスライドバナーを表示させる記述と
一緒に記述しております。

Answer

田辺さま
ありがとうございます！
作業してみて不明点あればまたご連絡いたします

スマホサイトのバナーの入れ方 クーポンの２つの小さいやつ

スマホサイトのバナーの入れ方　クーポンの２つの小さいやつ