226 lines
11 KiB
HTML
226 lines
11 KiB
HTML
|
{include file=$header title=$cat_name description=$cat_name keywords=$cat_name}
|
|||
|
|
{* Баннер *}
|
|||
|
|
<!-- section class="content-grid">
|
|||
|
|
<div class="images-banner">
|
|||
|
|
<img src="/api/templates/{$smarty.const.SKIN}/images/media/banner/slider3.jpg" alt="">
|
|||
|
|
</div>
|
|||
|
|
</section -->
|
|||
|
|
{* Хлебные крошки *}
|
|||
|
|
<div class="clearfix">
|
|||
|
|
</div>
|
|||
|
|
<nav aria-label="breadcrumb" style="width: 100%;">
|
|||
|
|
<ol class="breadcrumb">
|
|||
|
|
<li class="breadcrumb-item"><a href="/" style="font-size: 10pt;">Главная</a></li>
|
|||
|
|
{$breadcrumb}
|
|||
|
|
<li class="breadcrumb-item active" aria-current="page" style="font-size: 10pt;">{$cat_name}</li>
|
|||
|
|
</ol>
|
|||
|
|
</nav>
|
|||
|
|
<div class="clearfix">
|
|||
|
|
</div>
|
|||
|
|
<h1 style="font-size: 18pt;" class="text-center mt-10">{$cat_name}</h1>
|
|||
|
|
{* Подкатегории *}
|
|||
|
|
<section class="container mt-10">
|
|||
|
|
<div class="row">
|
|||
|
|
{section name=customer loop=$m_groupe}
|
|||
|
|
{if $m_groupe[customer].id}
|
|||
|
|
<div class="item col-xs-6 col-sm-3 col-md-3 col-lg-3 col-xl-3" style="widht:230px;">
|
|||
|
|
<div class="product-image">
|
|||
|
|
<div class="image" style="display: table-cell;vertical-align: middle;height: 230px; text-align:center;">
|
|||
|
|
{* 210x270 *}
|
|||
|
|
{if ($m_groupe[customer].img)}
|
|||
|
|
<a href="/tovar_cat/{$m_groupe[customer].id}" title="купить {$m_groupe[customer].naim}">
|
|||
|
|
<img src="/img/magazin/cat/{$m_groupe[customer].img}_210_270.jpg" alt="{$m_groupe[customer].naim}" style="max-height: 220px; margin: 0 auto;" title="купить {$m_groupe[customer].naim}"></a>
|
|||
|
|
{else}
|
|||
|
|
<a href="/tovar_cat/{$m_groupe[customer].id}" title="купить {$m_groupe[customer].naim}">
|
|||
|
|
<img src="/api/templates/{$smarty.const.SKIN}/images/media/product/sp-2.jpg" alt="{$m_groupe[customer].naim}" title="купить {$m_groupe[customer].naim}"></a>
|
|||
|
|
{/if}
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<h4 class="names"><a href="/tovar_cat/{$m_groupe[customer].id}" title="купить {$m_groupe[customer].naim}">{$m_groupe[customer].naim}</a></h4>
|
|||
|
|
</div>
|
|||
|
|
{/if}
|
|||
|
|
{/section}
|
|||
|
|
</div>
|
|||
|
|
<section>
|
|||
|
|
{*if $m_tovar[0].id*}
|
|||
|
|
<!-- main content -->
|
|||
|
|
<section class="main-content container">
|
|||
|
|
{* <div class="container">*}
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-sm-12 col-md-12 col-lg-12 f-right">
|
|||
|
|
{****************************************************}
|
|||
|
|
<div class="toolbar toolbar-products d-xs-none d-sm-none d-md-block d-lg-block d-xl-block">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-4">
|
|||
|
|
<div class="modes">
|
|||
|
|
<a class="grid-mode-btn" href="#"><i class="fa fa-th-large"></i></a>
|
|||
|
|
<a class="list-mode-btn active" href="#"><i class="fa fa-list-ul"></i></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
{****************************************************}
|
|||
|
|
<div class="group-content" id="tabs-grid" style="display:none;">
|
|||
|
|
<div class="row">
|
|||
|
|
{section name=customer loop=$m_tovar}
|
|||
|
|
{if $m_tovar[customer].id}
|
|||
|
|
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
|
|||
|
|
<div class="item top-item">
|
|||
|
|
<div class="product-image">
|
|||
|
|
<div class="image">
|
|||
|
|
{* <img src="/api/img/gray/gif/gray.gif" data-original="/api/templates/{$smarty.const.SKIN}/images/media/product/1_n.jpg" alt="" class="lazy" style="">*}
|
|||
|
|
<a href="/tovar_show/{$m_tovar[customer].id}"><img src="/api/img/gray/gif/gray.gif" data-original="/img/magazin/cats/{$m_tovar[customer].img}_452_565.jpg" alt="{$m_tovar[customer].naim}" class="lazy"></a>
|
|||
|
|
<span class="price">
|
|||
|
|
{if $m_tovar[customer].akccena>0}
|
|||
|
|
<span class="amount">{$m_tovar[customer].akccena} р.</span>
|
|||
|
|
{else}
|
|||
|
|
<span class="amount">{$m_tovar[customer].cena} р.</span>
|
|||
|
|
{/if}
|
|||
|
|
</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<h4 class="names"><a href="/tovar_show/{$m_tovar[customer].id}">{$m_tovar[customer].naim}</a></h4>
|
|||
|
|
<div class="cart-text product-cart">
|
|||
|
|
<p><a href="#" class="btn-to-cart" data-id="{$m_tovar[customer].id}" style="background-color:#393186;color:#fff;">КУПИТЬ</a></p>
|
|||
|
|
<!-- a href="shopping_cart.html">Купить</a -->
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
{/if}
|
|||
|
|
{/section}
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
{* список *}
|
|||
|
|
{****************************************************}
|
|||
|
|
<div class="products-list" id="tabs-list" style="display:block;">
|
|||
|
|
{section name=customer loop=$m_tovar}
|
|||
|
|
{if $m_tovar[customer].id}
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="product-item container row" style="margin:0px; margin-top:10px;">
|
|||
|
|
<div class="col-xs-12 col-sm-12 col-xs-2 col-md-4 col-lg-3">
|
|||
|
|
<div class="product-img">
|
|||
|
|
<div class="product-image-container">
|
|||
|
|
{*<img src="/api/templates/{$smarty.const.SKIN}/images/media/product/bn1.jpg" alt="">*}
|
|||
|
|
{* 270-347*}
|
|||
|
|
<a href="/tovar_show/{$m_tovar[customer].id}"><img src="/api/img/gray/gif/gray.gif" data-original="/img/magazin/cats/{$m_tovar[customer].img}_270_347.jpg" alt="{$m_tovar[customer].naim}" style="width:270px;" class="lazy"></a>
|
|||
|
|
<span class="price">
|
|||
|
|
{if $m_tovar[customer].akccena>0}
|
|||
|
|
<span class="amount mini-amount">{$m_tovar[customer].akccena} р.</span>
|
|||
|
|
<span class="amount-3 mini-amount">{$m_tovar[customer].cena} р.</span>
|
|||
|
|
{else}
|
|||
|
|
<span class="amount mini-amount">{$m_tovar[customer].cena} р.</span>
|
|||
|
|
{/if}
|
|||
|
|
</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-xs-8 col-sm-8 col-md col-lg">
|
|||
|
|
<div class="product-item-details">
|
|||
|
|
<div class="names-list">
|
|||
|
|
<h3 class="the-names"><a href="/tovar_show/{$m_tovar[customer].id}">{$m_tovar[customer].naim}</a></h3>
|
|||
|
|
<div class="text-product">
|
|||
|
|
{*$m_tovar[customer].opis*}
|
|||
|
|
</div>
|
|||
|
|
<div class="the-cart">
|
|||
|
|
<p style="background-color:#393186;color:#fff;">
|
|||
|
|
<a href="#" class="btn-to-cart" data-id="{$m_tovar[customer].id}" style="background-color:#393186;color:#fff;">КУПИТЬ</a>
|
|||
|
|
<!--a href="shopping_cart.html">Купить</a -->
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
{/if}
|
|||
|
|
{/section}
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
{****************************************************}
|
|||
|
|
<div class="col-sm-4 col-md-4 col-lg-3 left-block-content hidden">
|
|||
|
|
<div class="sidebar sidebar-main">
|
|||
|
|
<div class="block-title">
|
|||
|
|
<h3><span class="the-after">Фильтр</span></h3>
|
|||
|
|
</div>
|
|||
|
|
<div class="block-content filter-content">
|
|||
|
|
<h3>CATEGORIES</h3>
|
|||
|
|
<ul class="list-banner">
|
|||
|
|
<li class="list-text-name">
|
|||
|
|
<div class="block-title">
|
|||
|
|
<a href="#">Watches</a>
|
|||
|
|
</div>
|
|||
|
|
<ul class="filter-options-title">
|
|||
|
|
<li><a href="#">Shop - Full width</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li class="list-text-name">
|
|||
|
|
<div class="block-title">
|
|||
|
|
<a href="#">Bags</a>
|
|||
|
|
</div>
|
|||
|
|
<ul class="filter-options-title">
|
|||
|
|
<li><a href="#">Shop - Full width</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li class="list-text-name">
|
|||
|
|
<div class="block-title">
|
|||
|
|
<a href="#">Necklakes</a>
|
|||
|
|
</div>
|
|||
|
|
<ul class="filter-options-title">
|
|||
|
|
<li><a href="#">Shop - Full width</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li class="list-text-name">
|
|||
|
|
<div class="block-title">
|
|||
|
|
<a href="#">Others</a>
|
|||
|
|
</div>
|
|||
|
|
<ul class="filter-options-title">
|
|||
|
|
<li><a href="#">Single product</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div class="block-content filter-content">
|
|||
|
|
<h3>MANUFACTURES</h3>
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#">Apple</a> <i class="fa ">(12)</i></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div class="block-content filter-content">
|
|||
|
|
<aside class="widget">
|
|||
|
|
<h3 class="widget-title">PRICE</h3>
|
|||
|
|
<div class="f-price">
|
|||
|
|
<button class="btn btn-dashed textup" type="button">APPLY</button>
|
|||
|
|
<span><strong id="amount">
|
|||
|
|
<span class="price-left"></span>
|
|||
|
|
<span class="price-right"></span>
|
|||
|
|
</strong></span>
|
|||
|
|
<div id="slider-range">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</aside>
|
|||
|
|
</div>
|
|||
|
|
<div class="block-content filter-content">
|
|||
|
|
<h3>COLORS</h3>
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#">yellow</a> <i class="fa ">(90)</i></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div class="block-title">
|
|||
|
|
<h3><span class="the-after">TAGS</span></h3>
|
|||
|
|
</div>
|
|||
|
|
<div class="text-group">
|
|||
|
|
<div class="list-input">
|
|||
|
|
<button class="btn btn-default" type="submit">Case</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
{****************************************************}
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<!-- end main content -->
|
|||
|
|
{*else}
|
|||
|
|
<h2>В этой категории пока нет товаров, но поищите в других</h2>
|
|||
|
|
{/if*}
|
|||
|
|
<!--END PAGE MAINCONTENT -->
|
|||
|
|
{include file=$footer}
|