Допустим, вы хотите изменить содержимое серой области
1) Оберните эту серую область в div, дайте ей идентификатор "garydiv"
2) Укажите идентификатор кнопки для всех товаров и назовите ее «allProduct»
3) Создайте php-файл all_product.php, в котором вы должны написать свою бизнес-логику
4) Используйте код ниже javascript, чтобы позвонить вам по php-файлу и получить ответ
$("#allProduct").click(function(){
$.ajax({url: "all_product.php", success: function(result){
$("#garydiv").html(result);
}});
});
Для подробного понимания Ajax см. http://api.jquery.com/jquery.ajax/