big-moving.ru/api/mod/tovar_cat.html

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}