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

Question

先日はご回答ありがとうございました。

スマホの商品ページにて商品画像を縦に並べる方法につきまして、
下記の回答をいただきましたが、
実際に入れたところ、画像は縦に並ぶのですが、スマートフォン用商品説明文に入れていた
商品説明文などがすべて消えてしまい、買い物かごも消えてしまいました。

ちなみに、scriptタグをスマートフォン用商品説明文の一番下側に入れると
商品説明文は見えますが、買い物カゴなどが消えてしまう状況でございます。

何か良い方法がありましたら、ご回答いただけましたら幸いです。

《先日、ご回答いただいた内容》

商品画像を縦に並べる方法ですが、
仕組みが変更された関係により、
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に置き換える。

何卒よろしくお願いいたします。

Answer

ECマスターズの田中です。

改めて確認したところ、
ページの内容が消える現象を回避できる方法がありましたので、
ご案内いたします。

４．にてご案内したHTMLタグを、
以下のタグに変更していただけますでしょうか。

=======この下の行から==============

=======この上の行まで==============

上記HTMLタグの○○部分を、JSファイルのURLにご変更の上、
タグと入れ替えていただきますよう
お願いいたします。

過去記事の内容につきましても、
修正を行わせていただきましたので
ご了承ください。
https://ec-masters.club/forum/post_view.php?id=982