跳至主要內容
(function() {
function initSortBar() {
var productsList = document.querySelector(".re-product-showcase ul.products");
if (document.getElementById("re-sort-select")) return;
var sortBar = document.createElement("div");
sortBar.className = "re-sort-bar";
sortBar.innerHTML = "";
productsList.parentNode.insertBefore(sortBar, productsList);
var origOrder = Array.from(productsList.querySelectorAll("li.product"));
document.getElementById("re-sort-select").addEventListener("change", function() {
var items = Array.from(productsList.querySelectorAll("li.product"));
if (this.value === "price_asc") {
items.sort(function(a, b) { return getMinPrice(a) - getMinPrice(b); });
} else { items = origOrder.slice(); }
items.forEach(function(item) { productsList.appendChild(item); });
});
}
function getMinPrice(el) {
var p = el.querySelector(".price");
var m = p.textContent.match(/[\d,]+\.?\d*/g);
var prices = m.map(function(x) { return parseFloat(x.replace(/,/g, "")); }).filter(function(x) { return x > 0; });
return prices.length ? Math.min.apply(null, prices) : 99999;
}
setTimeout(initSortBar, 800);
setTimeout(initSortBar, 2000);
window.addEventListener("load", function() { setTimeout(initSortBar, 500); });
})();