質問: スマホの商品ページについて 先日はご回答ありがとうございました。スマホの商品ページにて商品画像を縦に並べる方法につきまして、下記の回答をいただきましたが、実際に入れたところ、画像は縦に並ぶのですが、スマートフォン用商品説明文に入れていた商品説明文などがすべて消えてしまい、買い物かごも消えてしまいました。ちなみに、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に書き換える。=======この下の行から=====================この上の行まで==============5.タグを、4.で作ったhtmlに置き換える。何卒よろしくお願いいたします。
回答: ecマスターズの田中です。改めて確認したところ、ページの内容が消える現象を回避できる方法がありましたので、ご案内いたします。4.にてご案内したhtmlタグを、以下のタグに変更していただけますでしょうか。=======この下の行から=====================この上の行まで==============上記htmlタグの○○部分を、jsファイルのurlにご変更の上、タグと入れ替えていただきますようお願いいたします。過去記事の内容につきましても、修正を行わせていただきましたのでご了承ください。https://forum.ec-masters.net/post_view.php?id=982