スマホの商品ページについて

Question

楽天のスマホの仕様が変わる前までは、下の〇〇の所に各店舗のCSSファイルのURLを入れると
スマホの商品ページが商品画像(1) ～(9)に入れた画像が縦に並ぶような形式になっていました。 



仕様が変わってから、画像が縦に並ばなくなったのですが、
スマートフォン用商品説明文に画像を入れる以外に商品画像を縦に並べる方法はありますでしょうか？

Answer

ECマスターズの田中です。

下記内容にて、ご希望の方法をご紹介しておりますが、
こちらの方法は、今後行われるRMSの改修により
利用できなくなります。
使用される場合は、利用できなくなる可能性があることを
ご了承の上、ご使用ください。

詳しくは、下記URLの過去記事をご参照ください。
https://ec-masters.club/forum/post_view.php?id=683

商品画像を縦に並べる方法ですが、
仕組みが変更された関係により、
CSSファイルでの対応ができなくなったため、
JavaScriptを利用して対応する必要があります。

以下の手順にて、ご対応をお試しいただけますでしょうか。

１．下記URLの、JSファイルをダウンロードする。
http://code.jquery.com/jquery-1.11.3.min.js

２．ダウンロードしたJSファイルの末尾に、下記内容を追記する。

=======この下の行から==============

$(function(){
$('#itemImageSlider li').each(function(){ $(this).css('display','block'); });
$('#itemImageSlider a img').each(function(){ $(this).attr('src', $(this).parent().attr('href') ); });
$('.sliderControls').css('display','none');
});
=======この上の行まで==============

３．追記したJSファイルを、GOLDにアップロードする。

４．下記HTMLタグの○○を、
　　アップロードしたJSファイルのURLに書き換える。

=======この下の行から==============

=======この上の行まで==============

５．タグを、４．で作ったHTMLに置き換える。