HTML шаблон категории товаров

<script type="text/javascript" src="/js/scrolltop.js"></script>
<div id="content">
    <div id="catalogueHeadBody">
        <div id="catalogueHeadInner">
            <div id="catalogueHead">
                #shopMainMenuHolder def{{
                    {content}
                }}
                #shopMainMenuContainer def{{
                    <ul class="shopMainMenu">
                        {content}
                    </ul>
                }}
                    #partitionList def{{
                        <li class="{class}">
                            <h4>
                                <a href="{lang}/shop/{url}">{name}</a>
                            </h4>
                        </li>
                    }}
            </div>
        </div>
    </div>
    <!--<div id="headSpacer"></div>-->
    #menuSidebar def{{
        <div id="sideLeft" class="sidebar">
            <div id="mainCategory">
            #mainCategoryName def{{
            <h3><a href="{lang}/shop/{url}">{name}</a></h3>
            }}
            </div>
            <div id="secondaryMenu">

                <ul id="secondaryMenuList">
                    .levelPartMenu def{{
                        <li class="{class}">
                            &bull;<a href="{lang}/shop/{part}/{url}">
                                {name}
                            </a>
                        </li>
                    }}
                    <ul id="levelTwoMenu">
                        .menuLevelTwo def{{
                        <li class="{class}">
                            &bull;<a href="{lang}/shop/{part}/{url}">
                                {name}
                            </a>
                        </li>
                    }}
                </ul>

            <div id="levelThreeMenu">
            <ul>
            .middleMenuElement def{{
            <li class="{class}">
                &bull; <a href="{lang}/shop/{part}/{url}">{name}</a>
            </li>
            }}
            </ul>
    </div>
            </div>


            <!-- VK Widget -->
            <div id="vk_groups" style="margin-left: 6px;"></div>
            <script type="text/javascript">
            VK.Widgets.Group("vk_groups", {mode: 0, width: "192", height: "290"}, 42867529);
            </script>


        </div>
    }}
    #iflinked def{{
    <div id="middleMenu">
        <ul>
        .linkedMenuElement def{{
        <li class="{class}">
            <h3><a href="{lang}/shop/{part}/{url}">{name}</a></h3>
        </li>
        }}
        </ul>
    </div>
    }}
    #shopContent def{{
        <div id="breadcrumbs">
            <ul>
                #pathFinder def{{
                    {content}
                }}
                #pathFinderInsideContainer def{{
                    <div class="breadcrumbsUl">
                        <span class="breadcrumbsBtn"></span>
                        <ul class="keeper">
                            {content}
                        </ul>
                    </div>
                }}
                #pathFinderLi def{{
                    <li class="lineUrl">
                        {inside}
                        <a href="{lang}/shop/{part}">
                            {name}
                        </a>
                    </li>
                }}
                #pathFinderInsideUl def{{

                        {content}

                }}

                #pathFinderInsideLi def{{
                    <li class="breadCInline"><a href="{lang}/shop/{part}/{url}">{name}</a></li>
                }}

                #pathFinderInsideLiActive def{{
                    <li class="breadCInline active"><a href="{lang}/shop/{part}/{url}">{name}</a></li>
                }}
            </ul>
        </div>
        <div id="catalogueContentBody">
            #catalogue root{{
                <div id="shopIndex">
                    <div class="shopIndexLine">
                        <span class="shopIndexBox">
                            <span class="innerGlow">
                                <div class="content">
                                    .naviLnk def{{
                                        <a href="shop/{url}" id="Navi" class="lable"></a>
                                    }}
                                    <ul class="caption">
                                    .NaviItems{{
                                        <li>
                                            <a href="/shop/{part}/{url}">{name}</a>
                                        </li>
                                    }}
                                    </ul>
                                    .navi2Lnk def{{
                                        <a href="/shop/{url}" class="image"></a>
                                    }}
                                </div>
                            </span>
                            <img src="/img/shop/index01.jpg" />

                        </span>
                        <span class="shopIndexBox" href="/shop/Radar-detektor">
                            <span class="innerGlow Shadow">
                                <div class="content">
                                    .electroLnk def{{
                                        <a href="/shop/{url}" id="Electro" class="lable"></a>
                                    }}
                                    <ul class="caption">
                                        .ElectroItems{{
                                            <li>
                                                <a href="/shop/{part}/{url}">{name}</a>
                                            </li>
                                        }}
                                    </ul>
                                    .electro2Lnk def{{
                                        <a href="/shop/{url}" class="image"></a>
                                    }}
                                </div>
                            </span>
                            <img src="/img/shop/index02.jpg" />
                        </span>
                        <span class="shopIndexBox" href="/shop/Koaksialnaya-akustika">
                            <span class="innerGlow">
                                <div class="content">
                                    .soundLnk def{{
                                        <a href="/shop/{url}" id="Sound" class="lable"></a>
                                    }}

                                    <ul class="caption">
                                        .SoundItems{{
                                            <li>
                                                <a href="/shop/{part}/{url}">{name}</a>
                                            </li>
                                        }}
                                    </ul>
                                    .sound2Lnk def{{
                                        <a href="/shop/{url}" class="image"></a>
                                    }}
                                </div>
                            </span>
                            <img src="/img/shop/index03.jpg" />
                        </span>
                    </div>
                    <div class="shopIndexLine">
                        <span class="shopIndexBox" href="/shop/Aksessuar">
                            <span class="innerGlow Shadow">
                                <div class="content">
                                    .accessLnk def{{
                                        <a href="/shop/{url}" id="Access" class="lable"></a>
                                    }}
                                    <ul class="caption">
                                        .AcessItems{{
                                            <li>
                                                <a href="/shop/{part}/{url}">{name}</a>
                                            </li>
                                        }}
                                    </ul>
                                    .access2Lnk def{{
                                        <a href="/shop/{url}" class="image"></a>
                                    }}
                                </div>
                            </span>
                            <img src="/img/shop/index04.jpg" />
                        </span>
                        <span class="shopIndexBox" href="/shop/Avtomobilne-televizor">
                            <span class="innerGlow ">
                                <div class="content">
                                    .tvLnk def{{
                                        <a href="/shop/{url}" id="Tv" class="lable"></a>
                                    }}
                                    <ul class="caption">
                                        .TvItems{{
                                            <li>
                                                <a href="/shop/{part}/{url}">{name}</a>
                                            </li>
                                        }}
                                    </ul>
                                    .tv2Lnk def{{
                                        <a href="/shop/{url}" class="image"></a>
                                    }}
                                </div>
                            </span>
                            <img src="/img/shop/index05.jpg" />
                        </span>
                        <span class="shopIndexBox Disable">
                            <span class="innerGlow Shadow">
                                <div class="content">
                                    .stockLnk def{{
                                        <a id="Stock" class="lable"></a>
                                    }}
                                    .stockLnk def{{
                                        <a href="/shop/{url}" class="image"></a>
                                    }}
                                </div>
                            </span>
                            <img class="" src="/img/shop/index06.jpg" />
                        </span>
                    </div>
                </div>
            }items{
            <div id="catalogueContent">
                #catTitle def{{
                <h1 id="categoryTitle">{category-Title}</h1>
                }}
                #emptyCategory def{{
                    {message}
                }}
                <div id="sortBlock">
                    #sortBlock def{{
                        <div id="sort_container">
                            <div id="sort_title">Сортировать по цене &nbsp;&nbsp;<span id="drpdn">&#9660;</span></div>
                                             <div id="sort">
                                                 <a href="{lang}/shop/{part}{url}{page}/asc">от дешевых к дорогим</a><br/>
                                                 <a href="{lang}/shop/{part}{url}{page}/desc">от дорогих к дешевым</a>
                                             </div>
                        </div>
                    }}
                    #sortBlockdesc def{{
                        <div id="sort_container">
                            <div id="sort_title">Сортировать по цене &nbsp;&nbsp;<span id="drpdn">&#9660;</span></div>
                                             <div id="sort">
                                                 <a href="{lang}/shop/{part}{url}{page}/asc">от дешевых к дорогим</a><br/>
                                                 <a href="{lang}/shop/{part}{url}{page}/desc" class="inactive">от дорогих к дешевым</a>
                                             </div>
                        </div>
                    }}
                    #sortBlockasc def{{
                        <div id="sort_container">
                            <div id="sort_title">Сортировать по цене &nbsp;&nbsp;<span id="drpdn">&#9660;</span></div>
                                             <div id="sort">
                                                 <a href="{lang}/shop/{part}{url}{page}/asc" class="inactive">от дешевых к дорогим</a><br/>
                                                 <a href="{lang}/shop/{part}{url}{page}/desc" >от дорогих к дешевым</a>
                                             </div>
                        </div>
                    }}
                </div>
                <ul id="catalogueItemsMenu" class="catalogue">
                    .catalogueItemsList def{{
                                <li class="catalogueItem catalogueItemWithDscr" >

                                        <div class="catalogueItem-blockwrap">

                                            <div class="catalogueItem-imgwrap">

                                                <a href="{lang}/shop/{part}/{brand}/{url}/">
                                                    <img src="{file2}" alt="{name}"/>
                                                </a>

                                            </div>
                                        </div>

                                        <div class="catalogueItem-info">
                                                <span class="nf"><a href="{lang}/shop/{part}/{brand}/{url}/">{name}</a></span>
                                                <span class="catalogueItem-article">{articleTitle} {article}</span>
                                                <span class="catalogueItem-price">{price}</span>
                                                <span class="catalogueItem-price2">({price2})</span>
                                                <span class="catalogueItem-short-dscr">{caption}
                                                </span>
                                        </div>

                                </li>


                    }}
                </ul>

                #include "pageSlider.html";
            </div>
            }position{
            <div id="catalogueContent" class="{class}">
                <div id="position">
                    <div id="positionHeaderCross">
                        <div class="h1-wrapper" >
                            <h1>{name}</h1>
                            <span class="Article">{articleTitle} {article}</span>
                        </div>

                        <div id="right-wrapper">

                            <span class="Price_Primary">{price}</span>
                            <span class="Price_Alter">({price2})</span>


                        </div>
                        <div id="id-{id}" class="{basketClass}" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;comm&#39;, &#39;add_item&#39;);">{basketLable}</div>

                    </div>

                    <div id="position-details">
                        <div id="position-image-main" >
                        #mainImage def{{
                            <a href="{zoom}" rel="fancyBoxImg" id="fancyBoxImg" > <img id="position-image-big" src="{big}" alt="{name}" ></a>
                        }}
                        </div>
                        <div id="position-thumbnails-wrapper" name="anchor">
                        .positionThumbs def{{

                            <a href="{zoom}" rel="fancyBoxImg" onmouseover="imgSwap('position-image-big','{thumb}');"><img src="{thumb}" alt="{name}" /></a>

                        }}
                        </div>
                        <div id="position-dscr">
                            {text}
                        </div>
                        <!-- Put this div tag to the place, where the Like block will be -->
                        <div id="vk_like"></div>
                        <script type="text/javascript">
                        VK.Widgets.Like("vk_like", {type: "mini"});
                        </script>
                    </div>
                </div>
            </div>
            }}
        </div>
        </div>
    }}

    </div>
</div>