スマホファーストビューに画像を挿入する方法について

Question

表題の件ですが下記を参考にスマホのファーストビューに画像を挿入しております。
https://club.ec-masters.net/index.php?design_page4

ここで一つきづいたのですが上記のデザインレシピでは挿入した画像にリンクの設定ができません。
リンクの設定もしたいのですがこちらどのようにするといいでしょうか？

やり方は２番目のジャバスクリプトで実装する方法です。

Answer

ECマスターズの田中です。

※RMSの、禁止タグを入力できるバグを利用する方法ですので、
　今後、RMSの改修により、使用できなくなる可能性があります。

挿入されている、とのことなのですが、
実際の商品ページで確認できませんでしたので、
一般的なお話をさせていただきます。

$('#itemImageSlider').before($('.iframeBefore'));
で移動させる方法ですね。
iframeを利用されていないのであれば、最初に、
わかりやすい名前にご変更いただくことをオススメします。

今回は仮に「imgBefore」とします。
その場合、Javascriptは下記内容になります。

jQuery(function($){
$('#itemImageSlider').before($('.imgBefore'));
});

一枚の画像でしたら、通常であれば
タグをタグで囲んでリンクを付けられるかと思いますので、
そのタグを移動の対象とすることで、
リンクがついたまま、問題なく画像を移動させることができます。