• 文字サイズ
解決済

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

  • 相談者:非公開
  • 2015/07/18 10:54

先日はご回答ありがとうございました。

スマホの商品ページにて商品画像を縦に並べる方法につきまして、
下記の回答をいただきましたが、
実際に入れたところ、画像は縦に並ぶのですが、スマートフォン用商品説明文に入れていた
商品説明文などがすべて消えてしまい、買い物かごも消えてしまいました。

ちなみに、scriptタグをスマートフォン用商品説明文の一番下側に入れると
商品説明文は見えますが、買い物カゴなどが消えてしまう状況でございます。

何か良い方法がありましたら、ご回答いただけましたら幸いです。

《先日、ご回答いただいた内容》

商品画像を縦に並べる方法ですが、
仕組みが変更された関係により、
CSSファイルでの対応ができなくなったため、
JavaScriptを利用して対応する必要があります。

以下の手順にて、ご対応をお試しいただけますでしょうか。

1.下記URLの、JSファイルをダウンロードする。
http://code.jquery.com/jquery-1.11.3.min.js

2.ダウンロードした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に置き換える。

何卒よろしくお願いいたします。
投稿内容について報告する




  • 返信者:非公開
  • 2015/07/19 01:54
ECマスターズの田中です。

改めて確認したところ、
ページの内容が消える現象を回避できる方法がありましたので、
ご案内いたします。

4.にてご案………(省略)………