Сделал, что-то среднее между вариантом pehser (Ответ№7) и nictboom (ответ№12) Пришлось дорабатывать т.к. всплывающее окно имело размеры на весь экран.
1. в js_scripts.js
//Тут же функции анимации и прочих красивостей
t=$('body').scrollTop();
elDiv = $('#divAdd2cart');
elDiv.css({left: 30+'%', top: 40+'%', width: 450+'px', height: 150+'px', position: 'fixed'});
elDiv.show(500);
setTimeout("elDiv.hide(500);",15000); //15000 количество в миллисекунд через которое исчезнет уведомление
2/ в index.tpl.html
<div id="divAdd2cart" ><h1>Выбранный Вами товар добавлен в корзину! </h1>
<p>Вы можете:</p>
<p><a href="./cart/">Перейти в корзину для оформления заказа</a></p>
<p>или</p>
<p><a href="{$go_back}"><span>{$smarty.const.STRING_BACK_TO_SHOPPING}</span></a></p>
</div>
3. в CSS
#divAdd2cart{
z-index:1000;
background:#f5f3e4;
border:1px solid #8a7721;
font-weight:bold;
color:#000000;
padding-top:20px;
font-size:14px;
display:none;
position:absolute;
text-align:center;}
Но, есть проблема! Если во всплывающем окне нажать "Вернуться к покупкам" то мы попадаем не на ту страницу где нажали "Заказать", а на предыдущую.
Понятно, что так работает переменная "$go_back", но как пофиксить?