Сортировка товаров из нескольких страниц

Добрый день!

Извините, возможно за глупый вопрос (не сильна в программировании).

Есть сайт на html без БД.

Есть сортировка товаров по цене на странице ../odegda.html. Но также есть страницы ../odegda-2.html, ../odegda-3.html ...

Много товаров и поэтому много страниц. Как сделать, что бы была одна сортировка из всех страниц с товарами.

Код:

<div id="goods">

<div class="product_box">

<a href="productdetail.html"><img src="01.jpg" alt="Image 01" /></a>

<h3>Купальник</h3>

<p class="product_price">2000</p>

<a href="shoppingcart.html" class="add_to_card">Добавить в корзину</a>

<a href="productdetail.html" class="detail">Подробнее</a>

</div>

<div class="product_box">

<a href="productdetail.html"><img src="02.jpg" alt="Image 02" /></a>

<h3>Купальник</h3>

<p class="product_price">2000</p>

<a href="shoppingcart.html" class="add_to_card">Добавить в корзину</a>

<a href="productdetail.html" class="detail">Подробнее</a>

</div>

</div>

<button id="sort">Сортировать</button>

<script>

function sort(){

var divs = document.getElementsByClassName("product_box");

var divs_txt = [];

for (var i =0; i<divs.length; i++){

divs_txt = divs.innerHTML;
}

function sortRule(i, ii) {
var reg = /(?!<p class=\"product_price\">)\d+(?=<\/p>)/;
var price_i = parseFloat(i.match(reg));
var price_ii = parseFloat(ii.match(reg));
if (price_i > price_ii) return 1;
else if (price_i < price_ii) return -1;
else return 0;
}
divs_txt.sort(sortRule);

for (var i =0; i<divs_txt.length; i++){
if ((i+1)%3==0) {divs_txt = '<div class="product_box no_margin_right">'+divs_txt+'</div>';}
else {divs_txt = '<div class="product_box">'+divs_txt+'</div>';}
}

var txt = divs_txt.join('');

document.getElementById("goods").innerHTML = txt;
}
document.getElementById("sort").onclick = sort;
</script>