помогите написать данный шаблон отражения товаров.

<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();?>
<?if (is_array($arResult['DETAIL_PICTURE_350']) || count($arResult["MORE_PHOTO"])>0):?>
<sc ript type="text/javascript">
$(f unction() {
   $('div.catalog-detail-image a').fancybox({
      'transitionIn': 'elastic',
      'transitionOut': 'elastic',
      'speedIn': 600,
      'speedOut': 200,
      'overlayShow': false,
      'cyclic' : true,
      'padding': 20,
      'titlePosition': 'over',
      'onComplete': f unction() {
         $("#fancybox-title").css({ 'top': '100%', 'bottom': 'auto' });
      } 
   });
});
</script>
<?endif;?> 

<div class="catalog-detail" itemscope itemtype = "http://schema.org/Product">
<table class="catalog-detail" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="catalog-detail-image"><?if (is_array($arResult['DETAIL_PICTURE_350']) || count($arResult["MORE_PHOTO"])>0):?></td>
  </tr>
  <tr>
    <td class="catalog-detail-image">
         <?if (is_array($arResult['DETAIL_PICTURE_350'])):?>
            <div class="catalog-detail-image" id="catalog-detail-main-image">
               <a rel="catalog-detail-images" href="<?=$arResult['DETAIL_PICTURE']['SRC']?>" title="<?=(strlen($arResult["DETAIL_PICTURE"]["DESCRIPTION"]) > 0 ? $arResult["DETAIL_PICTURE"]["DESCRIPTION"] : $arResult["NAME"])?>"><img itemprop="image" src="<?=$arResult['DETAIL_PICTURE_350']['SRC']?>" alt="<?=$arResult["NAME"]?>" id="catalog_detail_image" width="<?=$arResult['DETAIL_PICTURE_350']["WIDTH"]?>" height="<?=$arResult['DETAIL_PICTURE_350']["HEIGHT"]?>" /></a>
            </div>
         <?endif;?>
            <div class="catalog-detail-images">
         <?if(count($arResult["MORE_PHOTO"])>0):
            foreach($arResult["MORE_PHOTO"] as $PHOTO):
         ?>
            <div class="catalog-detail-image"><a rel="catalog-detail-images" href="<?=$PHOTO["SRC"]?>" title="<?=(strlen($PHOTO["DESCRIPTION"]) > 0 ? $PHOTO["DESCRIPTION"] : $arResult["NAME"])?>"><img border="0" src="<?=$PHOTO["SRC_PREVIEW"]?>" width="<?=$PHOTO["PREVIEW_WIDTH"]?>" height="<?=$PHOTO["PREVIEW_HEIGHT"]?>" alt="<?=$arResult["NAME"]?>" /></a></div>
         <?
            endforeach;
         endif?>

            </div>
         </td>
      <?endif;?>
  </tr>
  <tr>
    <td>text</td>
  </tr>
  <tr>
    <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="200" rowspan="3"><div class="block color">
            <h4><?=GetMessage("COLORS")?></h4>
            <ul id="color" class="selectable">
                <?foreach ($arResult["OFFERS_COMPACT"] as $color => $arr) {
                    if (strlen($arr["COLORS"]["PICTURE"]) > 0) {
                        $colorImg = CFile::ResizeImageGet($arr["COLORS"]["PICTURE"], array('width'=>31, 'height'=>25), BX_RESIZE_IMAGE_EXACT, true);
                    ?>
                <li<?if($color == $defaultColor){?> class="active selected"<?}?>><a href="<?=rtrim($arResult["DETAIL_PAGE_URL"], "/")?>/<?=$color?>/" rel="<?=$color?>"><img src="<?=$colorImg["src"]?>" title="<?=$arr["COLORS"]["COLOR"]?>" alt="<?=$arr["COLORS"]["COLOR"]?>" width="<?=$colorImg["width"]?>" height="<?=$colorImg["height"]?>" /></a></li>
                    <?} else {?>
                <li<?if($color == $defaultColor){?> class="active selected"<?}?>><a href="<?=rtrim($arResult["DETAIL_PAGE_URL"], "/")?>/<?=$color?>/" rel="<?=$color?>" st yle="background-color:#<?=$arr["COLORS"]["HEX"]?>"></a></li>
                    <?}?>
                <?}?>
            </ul>
        </div></td>
    <td width="20" rowspan="3">&nbsp;</td>
    <td rowspan="3"><fo rm action="<?=POST_FORM_ACTION_URI?>" method="post" enctype="multipart/form-data">
                    <p class="current-price">
                       <input type="hidden" class="item-price-dis" value="<?=$size["DISCOUNT"]?>">
                        <span itemprop="price" class="item-price"><?=formatMoney($size["DISCOUNT"])?></span>&nbsp;<span class="rub"><?=GetMessage("RUB")?></span>
                        <span class="times">Колл-во</span>
                        <input type="text" name="<?echo $arParams["PRODUCT_QUANTITY_VARIABLE"]?>" class="item-quantity" value="1" />
                        <span class="count"> <?=GetMessage("CT_BCE_QUANTITY")?></span>
                        <input type="s ubmit" class="add-to-cart" name="<?echo $arParams["ACTION_VARIABLE"]."ADD2BASKET"?>" value="<?=GetMessage("CT_BCE_CATALOG_ADD")?>" />
                        <input type="hidden" name="<?=$arParams["ACTION_VARIABLE"]?>" value="BUY">
                        <input class="h_id" type="hidden" name="<?=$arParams["PRODUCT_ID_VARIABLE"]?>" value="<?=$size["PRODUCT_ID"]?>">
                    </p>
                    <met a itemprop="currency" content="RUB" />
                    </form></td>
    <td width="20" rowspan="3">&nbsp;</td>
    <td width="200" height="50"><?$APPLICATION->IncludeComponent(
   "bitrix:main.include",
   "",
Array(),
false
);?></td>
  </tr>
  <tr>
    <td height="5">&nbsp;</td>
  </tr>
  <tr>
    <td height="50"><?$APPLICATION->IncludeComponent(
   "bitrix:main.include",
   "",
Array(),
false
);?></td>
  </tr>
</table></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
</div>