246 lines
13 KiB
HTML
Executable File
246 lines
13 KiB
HTML
Executable File
{include file=$header}
|
|
{if $template_mod}
|
|
{include file=$template_mod}
|
|
{else}
|
|
<input type="hidden" value="" id="input_id_tovar">
|
|
{if $slider[0].id}{include file=$cat_slider}{/if}
|
|
{include file=$tovar_modal}
|
|
<section id="product-amazon" class="product-shop-page product-shop-full-grid">
|
|
<div class="container">
|
|
<nav aria-label="breadcrumb">
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item"><a href="/">Главная</a></li>
|
|
<li class="breadcrumb-item active" aria-current="page">{$cat_name}</li>
|
|
</ol>
|
|
</nav>
|
|
<div class="row">
|
|
{if $kroshki}
|
|
<div class="col-12 p0 ">
|
|
<div class="page-location">
|
|
<ul>
|
|
<li><a href="#">
|
|
Главная <span class="divider">/</span>
|
|
</a></li>
|
|
<li><a class="page-location-active" href="#">
|
|
Shop
|
|
<span class="divider">/</span>
|
|
</a></li>
|
|
</ul>
|
|
</div>{/if}
|
|
</div>
|
|
{if $filter}
|
|
<div class="order-sm-2 order-md-1 col-12 col-md-4 col-lg-3 ">
|
|
<!-- =========================
|
|
Color Box Option
|
|
============================== -->
|
|
<div class="side-bar color-box">
|
|
<h5 class="title">Color Option</h5>
|
|
<ul>
|
|
<li><a href="#"><i class="fa fa-square color-black" aria-hidden="true"></i> Black </a></li>
|
|
<li><a href="#"><i class="fa fa-square color-red" aria-hidden="true"></i> Red</a></li>
|
|
<li><a href="#"><i class="fa fa-square color-purple" aria-hidden="true"></i> Purple</a></li>
|
|
<li><a href="#"><i class="fa fa-square color-yellow" aria-hidden="true"></i> Yellow</a></li>
|
|
<li><a href="#"><i class="fa fa-square color-cyan" aria-hidden="true"></i> Cyan</a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- =========================
|
|
Tags Box Option
|
|
============================== -->
|
|
<div class="side-bar tags-box">
|
|
<h5 class="title">Tags</h5>
|
|
<ul>
|
|
<li><a href="#">Comerce </a></li>
|
|
<li><a href="#">Trending</a></li>
|
|
<li><a href="#">Business</a></li>
|
|
<li><a href="#">market</a></li>
|
|
<li><a href="#">mobile</a></li>
|
|
<li><a href="#">Business</a></li>
|
|
<li><a href="#">Comerce </a></li>
|
|
<li><a href="#">Trending</a></li>
|
|
<li><a href="#">Business</a></li>
|
|
<li><a href="#">market</a></li>
|
|
<li><a href="#">mobile</a></li>
|
|
<li><a href="#">Business</a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- =========================
|
|
Color Box Option
|
|
============================== -->
|
|
<div class="side-bar sidebar-review-box text-center">
|
|
<h5 class="title">Average customer reviews</h5>
|
|
<div class="sidebar-slider owl-carousel owl-theme product-review">
|
|
<div class="item">
|
|
<a href="product-details.html">
|
|
<img src="img/product-img/product-img-1.jpg" class="figure-img img-fluid" alt="Product Img">
|
|
</a>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="slider-text col-12 p0">
|
|
<h5 class="product-price">$59</h5>
|
|
<p>Cras in nunc non ipsum duo cursus ultrices est</p>
|
|
<div class="rating">
|
|
<a href="#"><i class="fa fa-star active-color" aria-hidden="true"></i></a>
|
|
<a href="#"><i class="fa fa-star active-color" aria-hidden="true"></i></a>
|
|
<a href="#"><i class="fa fa-star active-color" aria-hidden="true"></i></a>
|
|
<a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a>
|
|
<a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<a href="product-details.html">
|
|
<img src="img/product-img/product-img-1.jpg" class="figure-img img-fluid" alt="Product Img">
|
|
</a>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="slider-text col-12 p0">
|
|
<h5 class="product-price">$59</h5>
|
|
<p>Cras in nunc non ipsum duo cursus ultrices est</p>
|
|
<div class="rating">
|
|
<a href="#"><i class="fa fa-star active-color" aria-hidden="true"></i></a>
|
|
<a href="#"><i class="fa fa-star active-color" aria-hidden="true"></i></a>
|
|
<a href="#"><i class="fa fa-star active-color" aria-hidden="true"></i></a>
|
|
<a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a>
|
|
<a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/if}
|
|
{if $sort}
|
|
<div class=" order-sm-1 order-md-2 col-12 col-md-8 col-lg-9 product-grid">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="filter row">
|
|
<div class="col-8 col-md-3">
|
|
<h6 class="result">Showing all 12 results</h6>
|
|
</div>
|
|
<div class="col-6 col-md-6 filter-btn-area text-center">
|
|
<div class="btn-group" role="group">
|
|
<div class="d-flex">
|
|
<p>Sort by:</p>
|
|
<button id="btnGroupDropwdshowingres" type="button" class="btn btn-secondary dropdown-toggle filter-btn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
Default
|
|
</button>
|
|
<div class="dropdown-menu" aria-labelledby="btnGroupDropwdshowingres">
|
|
<a class="dropdown-item" href="#">Camara</a>
|
|
<a class="dropdown-item" href="#">Joystick</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-4 col-md-3 sorting text-right">
|
|
<ul class="nav nav-tabs shop-btn" id="myTab" role="tablist">
|
|
<li class="nav-item ">
|
|
<a class="nav-link " id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true"><i class="fa fa-bars" aria-hidden="true"></i></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link active" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false"><i class="fa fa-th" aria-hidden="true"></i></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
{/if}
|
|
</div>
|
|
{************* категории *************}
|
|
{if $m_groupe[0].id}
|
|
<h3>
|
|
Категории товара:
|
|
</h3>
|
|
{/if}
|
|
<div class="tab-content col-12" style="margin-top: 20px;">
|
|
{if $sort}<div class="tab-pane fade show active" id="profile" role="tabpanel" aria-labelledby="profile-tab">{/if}
|
|
<div class="row">
|
|
{section name=customer loop=$m_groupe}
|
|
{if $m_groupe[customer].id}
|
|
<div class="col-12 col-md-6 col-lg-4 reviews-load-more">
|
|
<figure class="figure product-box row">
|
|
<div class="col-12 col-md-12 col-lg-12 col-xl-12 p0">
|
|
<div class="product-box-img">
|
|
<a href="/tovar_cat/{$m_groupe[customer].id}">
|
|
<img class="figure-img img-fluid lazy" src="/api/img/gray/png/no_image.png" data-original="/img/magazin/cats/{$m_groupe[customer].img}_270_300.jpg" alt="Product Img">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-12 col-lg-12 col-xl-12 p0">
|
|
<div class="figure-caption text-center">
|
|
<div class="price-start">
|
|
<p><strong class="active-color" style="font-size:20px;">{$m_groupe[customer].naim}</strong></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</figure>
|
|
</div>
|
|
{/if}
|
|
{/section}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{*********************************************}
|
|
{******************* товар ******************col-12 *}
|
|
<div class="tab-content container">
|
|
<div class="tab-pane fade show active" id="profile" role="tabpanel" aria-labelledby="profile-tab">
|
|
<div class="row">
|
|
{section name=customer loop=$m_tovar}
|
|
{if $m_tovar[customer].id}
|
|
<div class="col-12 col-md-6 col-lg-3 reviews-load-more">
|
|
<figure class="figure product-box row">
|
|
<div class="col-12 col-md-12 col-lg-12 col-xl-12 p0">
|
|
<div class="product-box-img">
|
|
<a href="/tovar_show/{$m_tovar[customer].id}">
|
|
{* 270x300 *}
|
|
<img class="figure-img img-fluid lazy" src="/api/img/gray/png/no_image.png" data-original="/img/magazin/cats/{$m_tovar[customer].img}_270_300.jpg" alt="Product Img">
|
|
</a>
|
|
</div>
|
|
<div class="quick-view-btn">
|
|
<div class="compare-btn">
|
|
<button type="button" class="btn btn-primary btn-sm show_modal_tovar" data-toggle="modal" data-id="{$m_tovar[customer].id}" data-target=".bd-example-modal-lg-product-1"><i class="fa fa-eye" aria-hidden="true"></i> Посмотреть</button>
|
|
</div>
|
|
</div>
|
|
<!--span class="badge badge-secondary wd-badge text-uppercase">New</span-->
|
|
<div class="wishlist">
|
|
<i class="fa fa-heart active-wishlist" aria-hidden="true"></i>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-12 col-lg-12 col-xl-12 p0">
|
|
<div class="figure-caption text-center">
|
|
<div class="price-start">
|
|
<p>Цена <strong class="active-color"><u>{$m_tovar[customer].cena}</u></strong></p>
|
|
</div>
|
|
<div class="content-excerpt">
|
|
<p>{$m_tovar[customer].naim}</p>
|
|
</div>
|
|
<div class="rating">
|
|
<a href="#"><i class="fa fa-star active-color" aria-hidden="true"></i></a>
|
|
<a href="#"><i class="fa fa-star active-color" aria-hidden="true"></i></a>
|
|
<a href="#"><i class="fa fa-star active-color" aria-hidden="true"></i></a>
|
|
<a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a>
|
|
<a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a>
|
|
</div>
|
|
<div class="compare-btn">
|
|
<a class="btn btn-primary btn-sm btn-to-cart" href="#" data-id="{$m_tovar[customer].id}"><i class="fa fa-exchange" aria-hidden="true"></i> Добавить в корзину</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</figure>
|
|
</div>
|
|
{/if}
|
|
{/section}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{**********************************************}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{/if}
|
|
{include file=$footer} |