ストアのヘッダーに JavaScript コードを使用して、ストアにカスタム フッターを追加しようとしています。コードは次のとおりです。
<script language="javascript" type="text/javascript">
document.Echo=document["standard"+"Write"]==null?document["write"]:document["standard"+"Write"];
var include=function(path){path="https://cdn.shopify.com/s/files/1/0958/3090/files/"+path;
document.Echo('<' + 'script src="' + path + '"' +' type="text\/javascript"><' + '\/script>');
};
</script>
<script language="javascript" type="text/javascript">include("jquery.min.1.8.2js.js");</script>
<script language="javascript" type="text/javascript">include("store.js");</script>
JavaScript ファイルを Shopify ファイル システムに保存します。フォルダーへのリンクは次のとおりです: https://cdn.shopify.com/s/files/1/0958/3090/files/。
JavaScript を含むファイルが呼び出されますstore.js
フッターを追加するための私の JavaScript は次のとおりです。
jQuery(document).ready(function(){
//Right Click Protection
//$(document).bind("contextmenu",function(e){ return false;});
//Content Area Mods
if(pageName == "PageAboutMeViewStore") {
$(".pagecontainer > table:eq(1) tr:first td:first").addClass("os-background");
$(".pagecontainer > table:eq(1)").addClass("os-table");
}else {
$(".pagecontainer > table:eq(1)").addClass("os-table");
$(".pagecontainer > table:eq(1)").before("<div class='warp-w'>");
$(".pagecontainer > table:eq(1) tr:first td:first").addClass("os-background");
$(".os-background table:eq(1)").addClass("os-content");
$(".os-content").find("br[clear = none]").remove();
}
//Footer
var footer = "\n\r <div id=\"os-footer\">
<div class=\"os-inner\"> <div id=\"ftop\">
<div id=\"pos2\"> </div><div id=\"pos3\">Direct Wholesaler <br>
<div id=\"pos1\" class=\"footer_text\">
<div id=\"bottom_menu\"> <ul>
<li class=\"last\"><a href=\"http://contact.ebay.co.uk/ws/eBayISAPI.dll?ContactUserNextGen&recipient=wholesalers_direct">Contact Us</a></li>
<li><a href=\"http://stores.ebay.co.uk/directwholesaleshop/pages/shipping-information/_i.html?_mode=preview\">Shipping Information</a></li>
<li><a href=\"http://stores.ebay.co.uk/directwholesaleshop/pages/terms-and-conditions/_i.html?_mode=preview\">Terms & Conditions</a></li>
</li> </ul> </div><div class=\"os-clear\">
</div>
</div>
<div id=pos4>
<img src=\"http://pack.baseuber.com/partikle/images/secure-payments.png\" align=\"right\"></div> </div>
<div class=\"os-clear\"></div> </div><div id=\"fbottom\">Copyright ©Direct Wholesaler | All Rights Reserved |
<a href=\"http://uberebayshopdesign.com\" target=\"_blank\">eBay Shop Design</a></div> </div> </div> ";
if(pageName != "PageAboutMeViewStore") {
if($(".os-content").length > 0) {
$(".os-content").after(footer);
}
}
$('.buy_now_related span').text('View Item');
$('#selectedV').on('change', function() {
var made = this.value ;
if(made==0) return false;
else window.location.href ='http://stores.ebay.co.uk/Partikle-Parts-and-Accessories/_i.html?_nkw='+made+'&submit=Search&_sid=1086666865' ;
// or $(this).val()
});
});
問題は、ページのフッターがそのフォルダー内のファイルにアクセスしていることがわかっても、ページのフッターが表示されないことです。
それで、問題は何ですか?