類別頁面上的Bigcommerce模板SKU編號

Question

我目前看到與產品頁面綁定的{{product.sku}}。

我需要顯示類別/搜索頁面上的SKU號碼，但沒有全局屬性。

編輯模板>組件>產品> card.html

如果您知道任何解決方案或點我在正確的方向，這將是一個幫助。

感謝你提前:)

Answer 1

你可以做一個ajax的load（）調用這些信息，你需要在頁面上拉，但目前不是由產品卡到暴露的輔助或數據支持這一點。

Answer 2

下面是一個針對您的網站定製的示例，介紹如何從每個產品頁面加載SKU，然後將其插入到類別頁面。此代碼應該放在類別頁面上。這僅僅是一個例子，你可能需要修改它才能在你的網站上運行。

// For Each Product... 
$('.product').each(function(i) { 
    // Get the product URL 
    var url = $('> article > figure > a', this).attr('href'); // http://screencast.com/t/qBgwszhhpFiz 

    // Perform GET 
    getProductSKU(url).then(function(sku) { 
    console.log(sku); 
    // do something with the sku 
    // such as append it to the product, maybe above the 'add to cart button' 
    }); 

}); 

/** 
* Performs HTTP Get to a given product page 
* and returns the SKU on that page. 
* @param url <string> - The product URL to GET 
* @return Promise - Resolved with product SKU on success. 
*/ 
function getProductSKU(url) { 
    return new Promise(function(resolve, reject) { 
    $.ajax({ 
     url: url, 
     type:'GET', 
     success: function(data){ 
     resolve($(data).find('#sku-value').text()); //Return the SKU - http://screencast.com/t/zlCAftmekgp 
     }, 
     error: reject 
    }); 
    }); 
} 

鏈接：
http://screencast.com/t/qBgwszhhpFiz
http://screencast.com/t/zlCAftmekgp