Etsy: sort search results by price
Reorders the visible search result cards from cheapest to most expensive by their shown price.
Code to copy
// Sort the visible search grid by price, lowest first
function sortByPrice() {
const grid = document.querySelector('[data-search-results] .wt-grid');
if (!grid) { return; }
const cards = Array.from(grid.children).filter(function (c) {
return c.querySelector('.currency-value');
});
cards.sort(function (a, b) {
const pa = parseFloat((a.querySelector('.currency-value')
|| {}).textContent.replace(/[^0-9.]/g, '')) || 0;
const pb = parseFloat((b.querySelector('.currency-value')
|| {}).textContent.replace(/[^0-9.]/g, '')) || 0;
return pa - pb;
});
cards.forEach(function (c) { grid.appendChild(c); });
}
sortByPrice();How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Paste the code into the rule's JavaScript panel and save — it runs on every page visit.
Rate this example
No ratings yet — be the first.