[ksa]

Как реализовать это кодом?

Я вот про такое писал выше...

document.addEventListener('DOMContentLoaded', function (e) {               
	var o={
		'man.html': 'Рубашка №1',
		'woman.html': 'Платье №1'
	};
	var key=top.location.href;
	key=key.match(/[^\/]+$/);
	key=o[key];
	loadGoods(key);  
});
function loadGoods(Key) {
	$.getJSON('goods.json', function (data) {
		var out = '';
		out+='<div class="single-goods">';
		out+='<h3>'+data[Key]['name']+'</h3>';
		out+='<img src="'+data[Key].image+'">';
		out+='<p>Цена: '+data[Key]['cost']+'</p>';
		out+='<button class="add-to-cart" data-art="'+Key+'">Купить</button>';
		out+='</div>';
		document.getElementById('goods').innerHTML = out; 
		document.querySelectorAll('button.add-to-cart').forEach(function(but) {
			but.addEventListener("click",addToCart);
		})
	});
}

Но если данных будет много - это не выход из ситуации...