virt2/api/mod/garantia_main.html

358 lines
17 KiB
HTML
Raw Normal View History

{include file=$header}
<!-- =========================
Slider Section
============================== -->
<section id="main-slider-section">
<div id="main-slider" class="slider-bg1 owl-carousel owl-theme product-review">
{section name=customer loop=$sliders}
{if $sliders[customer].id}
<div class="item slider-bg d-flex align-items-center">
<div class="container">
<div class="row no-gutters">
<div class="slider-text fadeInUp animated order-2 order-sm-1 col-sm-6 col-md-7">
{*<h1 class="slider-title">Get Review <span class="strong"> Lets Compare</span></h1>*}
<h1 class="slider-title strong" style="font-size: 26pt;">{$sliders[customer].h3}</h1>
<p class="slider-content" style="font-size: 16pt;">{$sliders[customer].txt}</p>
<a href="{$sliders[customer].link}" class="btn btn-primary wd-shop-btn slider-btn">
В магазин <i class="fa fa-arrow-right" aria-hidden="true"></i>
</a>
</div>
<div class="col-sm-6 col-md-5 order-1 order-sm-2 slider-img fadeInDown animated">
<img src="/img/slider/{$sliders[customer].img}.jpg" alt="">
</div>
</div>
</div>
</div>
{/if}
{/section}
</div>
</section>
<!-- =========================
Product Section
============================== -->
{*<div class="product-view-modal modal fade bd-example-modal-lg-product-1" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<!-- ====================================
Product Details Gallery Section
========================================= -->
<div class="row">
<div class="product-gallery col-12 col-md-12 col-lg-6">
<!-- ====================================
Single Product Gallery Section
========================================= -->
<div class="row">
<div class="col-md-12 product-slier-details">
<div id="product-view-model" class="product-view owl-carousel owl-theme">
<div class="item">
<img src="img/product-img/product-view-img-1.jpg" class="img-fluid" alt="Product Img">
</div>
<div class="item">
<img src="img/product-img/product-view-img-2.jpg" class="img-fluid" alt="Product Img">
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-12 col-md-12 col-lg-6">
<div class="product-details-gallery">
<div class="list-group">
<h4 class="list-group-item-heading product-title">
Vigo SP111-31N-P2GH Spin 11111
</h4>
<div class="media">
<div class="media-left media-middle">
<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 class="media-body">
<p>3.7/5 <span class="product-ratings-text"> -1747 Ratings</span></p>
</div>
</div>
</div>
<div class="list-group content-list">
<p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> 100% Original product</p>
<p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> Manufacturer Warranty</p>
</div>
</div>
<div class="product-store row">
<div class="col-12 product-store-box">
<div class="row">
<div class="col-3 p0 store-border-img">
<img src="img/product-store/product-store-img1.jpg" class="figure-img img-fluid" alt="Product Img">
</div>
<div class="col-5 store-border-price text-center">
<div class="price">
<p>$234</p>
</div>
</div>
<div class="col-4 store-border-button">
<a href="#" class="btn btn-primary wd-shop-btn pull-right">
Buy it now
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>*}
{include file=$tovar_modal}
<section id="product-amazon">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-title-center text-left">
<h2 class="title pl-0">Свежие поступления</h2>
</div>
</div>
<!-- <div class="owl-carousel"> -->
<div id="product-slider" class="owl-carousel owl-theme">
{section name=customer loop=$losttovar}
{if $losttovar[customer].id}
<div class="col-md-12">
<figure class="figure product-box wow fadeIn animated" data-wow-delay="0ms">
<div class="product-box-img">
<a href="/tovar_show/{$losttovar[customer].id}">
<img srv="/api/img/gray/png/no_image.png" data-original="/img/magazin/cats/{$losttovar[customer].img}_270_300.jpg" class="figure-img img-fluid lazy" alt="{$losttovar[customer].naim}">
</a>
</div>
<div class="quick-view-btn">
<div class="compare-btn">
<!--button type="button" class="btn btn-primary btn-sm {*btn-prw-tovar*} show_modal_tovar" data-id="{$losttovar[customer].id}" data-toggle="modal" data-target=".bd-example-modal-lg-product-1" data-id="{$losttovar[customer].id}"><i class="fa fa-eye" aria-hidden="true"></i> Показать</button-->
</div>
</div>
<figcaption class="figure-caption text-center">
<span class="badge badge-secondary wd-badge text-uppercase">Новинка</span>
<div class="wishlist">
<i class="fa fa-heart active-wishlist" aria-hidden="true"></i>
</div>
<div class="price-start">
<p>{*Price start from *}<strong class="active-color"><u>{$losttovar[customer].cena} <i class="fa fa-ruble-sign"></i></u></strong></p>
</div>
<div class="content-excerpt">
<p><a href="/tovar_show/{$losttovar[customer].id}">{$losttovar[customer].naim} </a></p>
</div>
<div class="rating">
<a class="active-color" href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
<a class="active-color" href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
<a class="active-color" href="#"><i class="fa fa-star" 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 add-to-cart" href="{$losttovar[customer].id}"><i class="fa fa-exchange" aria-hidden="true"></i> Добавить в корзину</a>
</div>
</figcaption>
</figure>
</div>
{/if}
{/section}
</div>
</div>
</div>
</section>
<!-- =========================
Extra Product Section
============================== -->
<section id="product-ebay">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-title-center text-left">
<h2 class="title pl-0">Большие скидки!</h2>
</div>
</div>
<div id="product-slider-exta" class="owl-carousel owl-theme">
<div class="col-md-12">
<figure class="figure product-box wow fadeIn animated" data-wow-delay="0ms">
<div class="product-box-img">
<a href="product-details.html">
<img src="img/product-img/product-img-5.jpg" class="figure-img img-fluid" alt="Product Img">
</a>
</div>
<div class="quick-view-btn">
<div class="compare-btn">
<button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target=".bd-example-modal-lg-product-1"><i class="fa fa-eye" aria-hidden="true"></i> Quick view</button>
</div>
</div>
<figcaption class="figure-caption text-center">
<span class="badge badge-secondary wd-badge text-uppercase">New</span>
<div class="wishlist">
<i class="fa fa-heart" aria-hidden="true"></i>
</div>
<div class="price-start">
<p>Price start from <strong class="active-color"><u>$80.00</u> - <u>$75.00</u></strong></p>
</div>
<div class="content-excerpt">
<p><a href="">Cras in nunc non ipsum </a></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" href="#"><i class="fa fa-exchange" aria-hidden="true"></i> Add to compare</a>
</div>
</figcaption>
</figure>
</div>
<div class="col-md-12">
<figure class="figure product-box wow fadeIn animated" data-wow-delay="300ms">
<div class="product-box-img">
<a href="product-details.html">
<img src="img/product-img/product-img-6.jpg" class="figure-img img-fluid" alt="Product Img">
</a>
</div>
<div class="quick-view-btn">
<div class="compare-btn">
<button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target=".bd-example-modal-lg-product-1"><i class="fa fa-eye" aria-hidden="true"></i> Quick view</button>
</div>
</div>
<figcaption class="figure-caption text-center">
<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 class="price-start">
<p>Price start from <strong class="active-color"><u>$80.00</u> - <u>$75.00</u></strong></p>
</div>
<div class="content-excerpt">
<p><a href="">Cras in nunc non ipsum </a></p>
</div>
<div class="rating">
<a class="active-color" href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
<a class="active-color" href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
<a class="active-color" href="#"><i class="fa fa-star" 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" href="#"><i class="fa fa-exchange" aria-hidden="true"></i> Add to compare</a>
</div>
</figcaption>
</figure>
</div>
<div class="col-md-12">
<figure class="figure product-box wow fadeIn animated" data-wow-delay="600ms">
<div class="product-box-img">
<a href="product-details.html">
<img src="img/product-img/product-img-7.jpg" class="figure-img img-fluid" alt="Product Img">
</a>
</div>
<div class="quick-view-btn">
<div class="compare-btn">
<button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target=".bd-example-modal-lg-product-1"><i class="fa fa-eye" aria-hidden="true"></i> Quick view</button>
</div>
</div>
<figcaption class="figure-caption text-center">
<span class="badge badge-secondary wd-badge featured-bg-color text-uppercase">Featured</span>
<div class="wishlist">
<i class="fa fa-heart" aria-hidden="true"></i>
</div>
<div class="price-start">
<p>Price start from <strong class="active-color"><u>$80.00</u> - <u>$75.00</u></strong></p>
</div>
<div class="content-excerpt">
<p><a href="">Cras in nunc non ipsum </a></p>
</div>
<div class="rating">
<a class="active-color" href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
<a class="active-color" href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
<a class="active-color" href="#"><i class="fa fa-star" 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" href="#"><i class="fa fa-exchange" aria-hidden="true"></i> Add to compare</a>
</div>
</figcaption>
</figure>
</div>
<div class="col-md-12">
<figure class="figure product-box wow fadeIn animated" data-wow-delay="900ms">
<div class="product-box-img">
<a href="product-details.html">
<img src="img/product-img/product-img-4.jpg" class="figure-img img-fluid" alt="Product Img">
</a>
</div>
<div class="quick-view-btn">
<div class="compare-btn">
<button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target=".bd-example-modal-lg-product-1"><i class="fa fa-eye" aria-hidden="true"></i> Quick view</button>
</div>
</div>
<figcaption class="figure-caption text-center">
<span class="badge badge-secondary wd-badge text-uppercase">New</span>
<div class="wishlist">
<i class="fa fa-heart" aria-hidden="true"></i>
</div>
<div class="price-start">
<p>Price start from <strong class="active-color"><u>$80.00</u> - <u>$75.00</u></strong></p>
</div>
<div class="content-excerpt">
<p><a href="">Cras in nunc non ipsum </a></p>
</div>
<div class="rating">
<a class="active-color" href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
<a class="active-color" href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
<a class="active-color" href="#"><i class="fa fa-star" 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" href="#"><i class="fa fa-exchange" aria-hidden="true"></i> Add to compare</a>
</div>
</figcaption>
</figure>
</div>
<div class="col-md-12">
<figure class="figure product-box">
<div class="product-box-img">
<a href="product-details.html">
<img src="img/product-img/product-img-1.jpg" class="figure-img img-fluid" alt="Product Img">
</a>
</div>
<div class="quick-view-btn">
<div class="compare-btn">
<button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target=".bd-example-modal-lg-product-1"><i class="fa fa-eye" aria-hidden="true"></i> Quick view</button>
</div>
</div>
<figcaption class="figure-caption text-center">
<span class="badge badge-secondary wd-badge featured-bg-color text-uppercase">Featured</span>
<div class="wishlist">
<i class="fa fa-heart" aria-hidden="true"></i>
</div>
<div class="price-start">
<p>Price start from <strong class="active-color"><u>$80.00</u> - <u>$75.00</u></strong></p>
</div>
<div class="content-excerpt">
<p><a href="">Cras in nunc non ipsum </a></p>
</div>
<div class="rating">
<a class="active-color" href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
<a class="active-color" href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
<a class="active-color" href="#"><i class="fa fa-star" 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" href="#"><i class="fa fa-exchange" aria-hidden="true"></i> Add to compare</a>
</div>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
</section>
{include file=$footer}