先日はご回答ありがとうございました。
スマホの商品ページにて商品画像を縦に並べる方法につきまして、
下記の回答をいただきましたが、
実際に入れたところ、画像は縦に並ぶのですが、スマートフォン用商品説明文に入れていた
商品説明文などがすべて消えてしまい、買い物かごも消えてしまいました。
ちなみに、scriptタグをスマートフォン用商品説明文の一番下側に入れると
商品説明文は見えますが、買い物カゴなどが消えてしまう状況でございます。
何か良い方法がありましたら、ご回答いただけましたら幸いです。
《先日、ご回答いただいた内容》
商品画像を縦に並べる方法ですが、
仕組みが変更された関係により、
CSSファイルでの対応ができなくなったため、
JavaScriptを利用して対応する必要があります。
以下の手順にて、ご対応をお試しいただけますでしょうか。
1.下記URLの、JSファイルをダウンロードする。
http://code.jquery.com/jquery-1.11.3.min.js2.ダウンロードした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');
});
=======この上の行まで==============
3.追記したJSファイルを、GOLDにアップロードする。
4.下記HTMLタグの○○を、
アップロードしたJSファイルのURLに書き換える。
=======この下の行から==============
<script src="○○"
></script
>
=======この上の行まで==============
5.<link>タグを、4.で作ったHTMLに置き換える。
何卒よろしくお願いいたします。