Формирование каталога товаров

У меня такие вопросы, как сформировать правильно каталог товаров? В шаблоне главной страницы пишу такую штуку [[$msProduct.content]] в итоге ругается: This resource is not instance of msProduct class… Пробовал тогда вместо этого злополучного [[$msProduct.content]] подключать на главной странице каталога (в чанке) через вызов сниппета:

[[!msProducts? 
  &showHidden=`1` 
  &parents=`17`
  &includeTVs=`count_flow,height_good,persent_discount,width_good`
  &tvPrefix=`tv.`
  &tpl =`template_catalog_goods`
]]

Но в итоге есть вопросы такие: как указать картинку товара и прикрепить корректно кнопку добавить в корзину (это про чанк-tpl template_catalog_goods), чтобы когда просматривая главную страницу сайта можно было видеть список товаров (их картинки, названия, цену) и добавлять их в корзину без перехода на просмотр детального описания товара?

Код template_catalog_goods можете посмотреть тут:

<div class="product-block">
  <div class="orders">
       <input type="hidden" name="id" value="[[+idx]]" />
	[[+tv.persent_discount:is=`0`:then=`<div></div>`:else=`<div class="sale">[[+tv.persent_discount]]%</div>`]]
	<div class="size">
		<span class="height">[[+tv.height_good]] см</span>
		<span class="width">[[+tv.width_good]] см</span>
	</div>
	<div class="image">
		<a href="[[~[[+id]]]]"><img src="assets/images/tmp/product-img.jpg" height="212" width="189" alt="" /></a>
	</div>
	<a href="[[~[[+id]]]]" class="title">[[+article]]</a>
	<p>[[!+price]] рублей</p>
	<span class="train">Состав: [[+tv.count_flow]] штук</span>	

	<a href="[[~[[+id]]]]" class="btn-order">Заказать</a>
	<!--<button type="submit" class="btn-order" name="ms2_action" value="cart/add"><i class="glyphicon glyphicon-barcode"></i>Заказать</button>-->
	</div>
[[*content]]
</div>