stilshot

1. Данный блок категорий должен отображаться только на главной странице? В будущем у вас будет много категорий? Может лучше иконки подставить в уже существующий каталог?

2. В конец файла main.css добавьте:

.available-true{
color:green;
}
.available-false{
color:red;
}

3. В шаблоне Товары найдите:

<h3><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h3>

и

<h3 class="goodsListItemName"><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h3>
			   

после них вставьте:

<!-- Доступность товара -->
	{% IF goods.MAX_REST_VALUE=0 %}
		 <p> <div class="goodsDataMainModificationAvailable">
				   <div rel="false" class="available-false">Товара нет в наличии</div>
				 </div> </p>
  {% ENDIF %}
   {% IF goods.MAX_REST_VALUE>0 %}
		   <p>  <div class="goodsDataMainModificationAvailable">
				   <div rel="true" class="available-true">Товар есть в наличии</div>
		   </div>  </p>
  {% ENDIF %}
<!-- Доступность товара -->

В шаблоне Товары найдите:

<ul class="content_catalog_nested_categories">
	  {% FOR nested_categories_list %}
	  <li>
		<div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;"><img class="goods-cat-image-medium" {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png?design=shine" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div>
		<a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>
	  </li>
	  {% ENDFOR %}
	</ul>

замените на:

<div id="inject-goods">
	<ul class="content_catalog_nested_categories">
	  {% FOR nested_categories_list %}
	  <li>
		<div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;"><img class="goods-cat-image-medium" {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png?design=shine" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div>
		<a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>
	  </li>
	  {% ENDFOR %}
	</ul>
	</div>

далее в шаблоне Товар найдите:

<!-- С этим товаром смотрят -->
	{% IFNOT related_views_goods_empty %}
	  <h3>С этим товаром смотрят</h3><br />
	  <table>
		<tr>
		  {% FOR related_views_goods %}
		  <td class="goodsListItem">
			<div class="goodsListItemBlock withBorder cornerAll">
			  <table class="goodsListItemImage">
				<tr>
				  <td>
					<a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;"><img class="goods-image-other" src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png?design=shine{% ELSE %}{related_views_goods.IMAGE_OTHER}{% ENDIF %}" alt="{related_views_goods.NAME}" /></a>
				  </td>
				</tr>
			  </table>
			  <h3 class="goodsListItemName"><a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;">{related_views_goods.NAME}</a></h3>
			  <div class="goodsListItemPriceNew">
				<a href="{related_views_goods.URL_MIN_PRICE_NOW}">{related_views_goods.MIN_PRICE_NOW | money_format}</a>
			  </div>
			  <div class="goodsListItemPriceOld">
				{% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %}
				<a href="{related_views_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				{% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %}
				<a href="{related_views_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_views_goods.MIN_PRICE_OLD | money_format}</a>
				{% ENDIF %}
			  </div>
			</div>
		  </td>
		  {% IFNOT related_views_goods.last %}{related_views_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
		{% ENDFOR %}
	  </tr>
	  </table><br /><br />
	{% ENDIF %}
	<!-- END С этим товаром смотрят -->

замените на:

<div id="insert-goods"></div>

далее в конец main.js вставьте:

$(function() {
var url = 'http://sait.ru/catalog';
var id = '#insert-goods';
var injid = '#inject-goods';
if(id && injid && $(id).length) {
		 $.get(url, function(html) {
		 $(id).html($(html).find(injid).html());
});
}
});

sait.ru замените на имя вашего домена