Я не знаю чем вам помочь, потому как не понимаю, что такое "добавить шаблон товара" в рамках интернет магазина. Это что-то за гранью понимания.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(function() {
$('form').on('input', function() {
var c = t = 0;
$.each(this.elements, function() {
if($.trim(this.value)) {
c += +this.value;
t += this.value * $(this).data('price')
}
});
$('#count').text(c);
$('#total').text(t);
})
});
</script>
</head>
<body>
<form>
<div>
<h5>Корзина</h5>
<p>Товаров: <span id="count">0</span> шт.</p>
<p>Сумма: <span id="total">0</span> руб.</p>
</div>
<div><h4>Бублики</h4>
<p>Цена 50 руб.</p>
<input name="product[12]" data-price="50" />
</div>
<div><h4>Коржики</h4>
<p>Цена 100 руб.</p>
<input name="product[45]" data-price="100" />
</div>
</form>
</body>
</html>
Вот так в упрощенном представлении торгуют магазины.