makeshopのカスタムについて

Question

ECマスターズ　田中様
お世話になります。

makeshopのカスタムについて質問です。

サイトURL https://www.orlo-matsuge.com/

※スマホで閲覧下さい

現在、共通のhead管理内に
以下のjavascriptを入れております。

 

$(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用 
 

これをTOPページだけに反映させて
商品詳細ページには「カートヘ」に文言を変更して
カートへ入れるボタンへリンクさせたいのですがどのように記述すれば良いでしょうか？

以上ご確認宜しくお願い致します。###HR######IMG0caad40a6f0802e1675672887d7eb4043.jpegIMG0###

Accepted Answer

ECマスターズの田中です。

var scrollTop = $(".scrollTop"); 
の直下に
if( $(".btnCart").length > 0 ){ $('.scrollTop a').text("カートへ"); } 
と追記していただき、

scrollTop: 0 
上記の行を
scrollTop: ($(".btnCart").length > 0 ? $(".itemBtn").offset().top - $('.navBar').height() : 0)
上記の行に置き換えていただきますようお願いします。

Answer

ECマスターズの田中です。

いただいたJavaScriptの中で、

・ページ読み込み完了時、
　ページ内にカートボタン（btnCartクラスをもつ要素）が存在する場合は
　ボタンのテキストを「カートへ」に変更する
・scrollTopボタンを押した時、
　予め移動先の座標を変数にしておき、
　ページ内にカートボタン（btnCartクラスをもつ要素）が
　存在しない場合は変数の値を0に、
　存在する場合は変数の値をカートボタンの位置（ $('.btnCart').scrollTop() ）に
　それぞれ設定する

という処理が行われるよう、記述を行っていただきますようお願いします。
記述方法がわからない場合はお知らせください。

Answer

ECマスターズ　田中様
お世話になります。

ご回答ありがとうございます。
すいませんが、当方のレベルでは記述がわかりません。

申し訳ありませんが
記述方法をご教示下さいますようお願い致します。

Answer

ECマスターズ　田中様
お世話になります。

無事に実装できました。
ありがとうございます。

今後とも宜しくお願い致します。