makeshopのカスタマイズについて

Question

ECマスターズご担当者様

いつもお世話になります。

makeshopのカスタマイズについて質問です。

footerの箇所にpagetopを入れましたが 
添付画像のように商品ページの画像をクリックすると 
画像が消えてしまいます。 

今現在は、footer箇所に記載している 
ページトップは作動させていません。 

共通head内に記述したscriptが反応していると考えられます。 

以下に 
footerのページトップの 
htmlとcssを記載します 


html 


 
TOP 
 


css 


.scrollTop { 
position: fixed; 
right: 10px; 
bottom: 30px; 
opacity: 0; 
transition: all 0.4s ease-in-out 0s; 
} 

.scrollTop a { 
font-size: 10px; 
color: #fff; 
background: #BB0355; 
padding: 20px; 

} 
.scrollTop a:hover{ 
background: #4A84EB; 
} 


共通head内に記述したscript 


 

 

$(document).ready(function() { 


// declare variable 
var scrollTop = $(".scrollTop"); 

$(window).scroll(function() { 
// declare variable 
var topPos = $(this).scrollTop(); 

// if user scrolls down - show scroll to top button 
if (topPos > 100) { 
$(scrollTop).css("opacity", "1"); 

} else { 
$(scrollTop).css("opacity", "0"); 
} 

}); // scroll END 

//Click event to scroll to top 
$(scrollTop).click(function() { 
$('html, body').animate({ 
scrollTop: 0 
}, 800); 
return false; 

}); // click() scroll top EMD 

}); // ready() END 
// pagetop用 
 


ページトップを実装と商品写真をクリックした際に 
きちんと作動する方法を教えてください。 

よろしくお願いします。###IMG0c722e63bd3efa7bc8cd3e0bf92c9d757.jpegIMG0###

Accepted Answer

ECマスターズの田中です。

「共通head内に記述したscript 」の中に
 
が含まれておりますが、元々記述されている

と重複している可能性がございます。

jQueryを重複して読み込んでしまうと、
前に読み込んでいたjQueryオブジェクトが上書きされ、
プラグインで追加していた関数などもクリアされてしまい、
プラグインが実行できない、などのトラブルを起こす可能性がございます。

なおきちさんのショップでも同様のトラブルが起こっている可能性がございますので、
 
を消した上で、記述をお試しください。

Answer

ECマスターズの塚本です。

いただいたご質問ですが現在お調べしておりまして、
担当より改めて回答させていただきますので、
今しばらくお待ちいただければと思います。

Answer

ECマスターズ 田中様

ご回答ありがとうございます。
 
を消したら、無事に作動しました。

いつもありがとうございます。

大変助かりました。

今後とも宜しくお願い致します。