на ajax - это не всплывающий блок, а передача информации о заказе, добавление ее в корзину на сайте и т.д. (кстати, в зависимости от реализации можно и без обращения к серверу на этой стадии: корзину держать в куках, а к серверу обратиться только при клике на "оформить заказ" и тогда уже разбирать куки)
сам всплывающий блок может быть реализован, как скрытый блок:
PHP код:

который в нужный момент (по клику на ссылку, или кнопку) становится видимым:
PHP код:

. Это делается примерно так:
PHP код:

function hideshow()
{
my_div = document.getElementById("ID_Вашего_слоя");
if(cat_div.style.display=='none')
my_div.style.display='block';
else
my_div.style.display='none';
return false;
}
При этом в него могут быть переданы значения (с сервера, или javascript-ом) для вывода нужной информации.
Для того, чтобы получить именно всплывающий блок, в его стилях должны быть прописаны абсолютное позиционирование и значения top и left . Примерно так:
PHP код:

width:521px;
position:absolute;
top:420px;
left:420px;
z-index:100;
display:none;
Для такого оформления надо приготовить рисунки и внести их, например, в стили блока. Пример можно посмотеть на сайте
http://sobinbank.ru/ (если ткнуть в ссылку с предложением выбрать город, или регион)