479 lines
34 KiB
HTML
479 lines
34 KiB
HTML
<!-- :::::: Start Hero Section :::::: -->
|
||
{include file=$header title="{$page[0].txt}" h1="{$page[0].title}" keywords="{$page[0].keywords}" description="{$page[0].description}"}
|
||
|
||
<!-- :::::: Start Breadcrumb Section :::::: -->
|
||
<div class="page-breadcrumb">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<ul class="page-breadcrumb__menu">
|
||
<li class="page-breadcrumb__nav"><a href="/">Главная</a></li>
|
||
<li class="page-breadcrumb__nav"><a href="/">Категория</a></li>
|
||
<li class="page-breadcrumb__nav active">{$page[0].txt}</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- :::::: End Breadcrumb Section :::::: -->
|
||
|
||
<!-- :::::: Start Main Container Wrapper :::::: -->
|
||
<main id="main-container" class="main-container">
|
||
|
||
<!-- Start Product Details Gallery -->
|
||
<div class="product-details">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-5">
|
||
<div class="product-gallery-box product-gallery-box--default m-b-60">
|
||
<div class="product-image--large product-image--large-horizontal">
|
||
<img class="img-fluid" id="img-zoom" src="/img/tovar/{$imagesTovar[0]['fileName']}.jpg" data-zoom-image="/img/tovar/{$imagesTovar[0]['fileName']}.jpg" alt="">
|
||
<!-- img class="img-fluid" id="img-zoom" src="assets/img/product/gallery/gallery-large/product-gallery-large-1.jpg" data-zoom-image="assets/img/product/gallery/gallery-large/product-gallery-large-1.jpg" alt="" -->
|
||
</div>
|
||
<div id="gallery-zoom" class="product-image--thumb product-image--thumb-horizontal pos-relative">
|
||
|
||
{section name=customer loop=$imagesTovar} {if $imagesTovar[customer].id}
|
||
<a class="zoom-active" data-image="/img/tovar/{$imagesTovar[customer]['fileName']}.jpg" data-zoom-image="/img/tovar/{$imagesTovar[customer]['fileName']}.jpg">
|
||
<img class="img-fluid" src="/img/tovar/{$imagesTovar[customer]['fileName']}.jpg" alt="">
|
||
</a>
|
||
{/if} {/section}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-7">
|
||
<div class="product-details-box m-b-60">
|
||
<h4 class="font--regular m-b-20">{$page[0].txt}</h4>
|
||
<h5 class="font--regular m-b-20">Артикул: {$page[0].artikul}</h5>
|
||
<!-- div class="m-b-15">
|
||
<span class="text-reference">Reference: Jhon Doe</span>
|
||
</div -->
|
||
<!-- ul class="product__review">
|
||
<li class="product__review--fill"><i class="icon-star"></i></li>
|
||
<li class="product__review--fill"><i class="icon-star"></i></li>
|
||
<li class="product__review--fill"><i class="icon-star"></i></li>
|
||
<li class="product__review--fill"><i class="icon-star"></i></li>
|
||
<li class="product__review--blank"><i class="icon-star"></i></li>
|
||
</ul -->
|
||
|
||
<div class="product__price m-t-5">
|
||
{if $page[0].cena}<span class="product__price product__price--large">{$page[0].cena} руб.<!-- del>$29.00</del --></span>{else}
|
||
<span class="product__price product__price--large">Цена не установлена, уточните в офисе</span> {/if}
|
||
<!-- span class="product__tag m-l-15 btn--tiny btn--green">-34%</span -->
|
||
</div>
|
||
<div class="product__desc m-t-25 m-b-30">
|
||
<!-- p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa
|
||
qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p -->
|
||
</div>
|
||
<div class="product-var p-tb-30">
|
||
<!--div class="product__stock m-b-20">
|
||
<span class="product__stock--in"><i class="fas fa-check-circle"></i> 199 IN STOCK</span>
|
||
</div -->
|
||
<!-- div class="product-color product-var__item">
|
||
<span class="product-var__text">Color</span>
|
||
<div class="sidebar__color-filter ">
|
||
<label class="product-color"><input name="large-product-color" type="radio" class="product-color-select" value="color-red"><span></span></label>
|
||
<label class="product-color"><input name="large-product-color" type="radio" class="product-color-select" value="color-green" checked><span></span></label>
|
||
<label class="product-color"><input name="large-product-color" type="radio" class="product-color-select" value="color-blue"><span></span></label>
|
||
</div>
|
||
</div -->
|
||
<!-- div class="product-quantity product-var__item">
|
||
<ul class="product-modal-group">
|
||
<li><a href="#modalSizeGuide" data-toggle="modal" class="link--gray link--icon-left"><i class="fal fa-money-check-edit"></i>Size Guide</a></li>
|
||
<li><a href="#modalShippinginfo" data-toggle="modal" class="link--gray link--icon-left"><i class="fal fa-truck-container"></i>Shipping</a></li>
|
||
<li><a href="#modalProductAsk" data-toggle="modal" class="link--gray link--icon-left"><i class="fal fa-envelope"></i>Ask About This product</a></li>
|
||
</ul>
|
||
</div -->
|
||
|
||
{if ($page[0].kolvo_in_cart)}
|
||
|
||
|
||
<div class="product-quantity product-var__item d-flex align-items-center">
|
||
<span class="product-var__text">Товар уже в корзине: </span>
|
||
<form class="quantity-scale m-l-20">
|
||
<div class="value-button" id="decrease" onclick="decreaseValue()">-</div>
|
||
<input type="number" id="number" class="kolvo_in_cart" value="{$page[0].kolvo_in_cart}" />
|
||
<div class="value-button" id="increase" onclick="increaseValue()">+</div>
|
||
<input type="hidden" id="pages_id" value="{$smarty.get.id}" />
|
||
</form>
|
||
</div>
|
||
<div class="product-var__item">
|
||
<a href="#modalAddCart" data-toggle="modal" class="btn btn--long btn-add-to-cart btn--radius-tiny btn--green btn--green-hover-black btn--uppercase btn--weight m-r-20">Удалить из корзины</a>
|
||
<!-- a href="wishlist.html" class="btn btn--round btn--round-size-small btn--green btn--green-hover-black"><i class="fas fa-heart"></i></a -->
|
||
</div>
|
||
|
||
|
||
{else}
|
||
<div class="product-quantity product-var__item d-flex align-items-center">
|
||
<span class="product-var__text">Добавить: </span>
|
||
<form class="quantity-scale m-l-20">
|
||
<div class="value-button" id="decrease" onclick="decreaseValue()">-</div>
|
||
<input type="number" id="number" value="1" />
|
||
<div class="value-button" id="increase" onclick="increaseValue()">+</div>
|
||
<input type="hidden" id="pages_id" value="{$smarty.get.id}" />
|
||
</form>
|
||
</div>
|
||
<div class="product-var__item">
|
||
{if $page[0].cena}<a href="#modalAddCart" data-toggle="modal" class="btn btn--long btn-add-to-cart btn--radius-tiny btn--green btn--green-hover-black btn--uppercase btn--weight m-r-20">В корзину</a>{/if}
|
||
<!-- a href="wishlist.html" class="btn btn--round btn--round-size-small btn--green btn--green-hover-black"><i class="fas fa-heart"></i></a -->
|
||
</div>
|
||
{/if}
|
||
|
||
|
||
|
||
<!-- div class="product-var__item">
|
||
<div class="dynmiac_checkout--button">
|
||
<input type="checkbox" id="buy-now-check" value="1" class="p-r-30">
|
||
<label for="buy-now-check" class="m-b-20">I agree with the terms and condition</label>
|
||
<a href="cart.html" class="btn btn--block btn--long btn--radius-tiny btn--green btn--green-hover-black text-uppercase m-r-35">Buy It Now</a>
|
||
</div>
|
||
</div -->
|
||
<!-- div class="product-var__item">
|
||
<span class="product-var__text">Guaranteed safe checkout </span>
|
||
<ul class="payment-icon m-t-5">
|
||
<li><img src="assets/img/icon/payment/paypal.svg" alt=""></li>
|
||
<li><img src="assets/img/icon/payment/amex.svg" alt=""></li>
|
||
<li><img src="assets/img/icon/payment/ipay.svg" alt=""></li>
|
||
<li><img src="assets/img/icon/payment/visa.svg" alt=""></li>
|
||
<li><img src="assets/img/icon/payment/shoify.svg" alt=""></li>
|
||
<li><img src="assets/img/icon/payment/mastercard.svg" alt=""></li>
|
||
<li><img src="assets/img/icon/payment/gpay.svg" alt=""></li>
|
||
</ul>
|
||
</div -->
|
||
<div class="product-var__item d-flex align-items-center">
|
||
<span class="product-var__text">Поделиться: </span>
|
||
<ul class="product-social m-l-20">
|
||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
|
||
<li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- End Product Details Gallery -->
|
||
|
||
<!-- Start Product Details Tab -->
|
||
<div class="product-details-tab-area">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<div class="product-details-content">
|
||
<ul class="tablist tablist--style-black tablist--style-title tablist--style-gap-30 nav">
|
||
<li><a class="nav-link active" data-toggle="tab" href="#product-desc">Описание</a></li>
|
||
<li><a class="nav-link" data-toggle="tab" href="#product-dis">Характеристики</a></li>
|
||
{*
|
||
<li><a class="nav-link" data-toggle="tab" href="#product-review">Отзывы</a></li>*}
|
||
</ul>
|
||
<div class="product-details-tab-box">
|
||
<div class="tab-content">
|
||
<!-- Start Tab - Product Description -->
|
||
<div class="tab-pane show active" id="product-desc">
|
||
<div class="para__content">
|
||
{$page[0].opisanie}
|
||
</div>
|
||
</div>
|
||
<!-- End Tab - Product Description -->
|
||
|
||
<!-- Start Tab - Product Details -->
|
||
<div class="tab-pane" id="product-dis">
|
||
<div class="product-dis__content">
|
||
<table class="table">
|
||
{$page[0].harakteriskika}
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<!-- End Tab - Product Details -->
|
||
|
||
<!-- Start Tab - Product Review -->
|
||
<div class="tab-pane " id="product-review">
|
||
<!-- Start - Review Comment -->
|
||
<ul class="comment">
|
||
<!-- Start - Review Comment list-->
|
||
<li class="comment__list">
|
||
<div class="comment__wrapper">
|
||
<div class="comment__img">
|
||
<img src="assets/img/user/image-1.png" alt="">
|
||
</div>
|
||
<div class="comment__content">
|
||
<div class="comment__content-top">
|
||
<div class="comment__content-left">
|
||
<h6 class="comment__name">Kaedyn Fraser</h6>
|
||
<ul class="product__review">
|
||
<li class="product__review--fill"><i class="icon-star"></i></li>
|
||
<li class="product__review--fill"><i class="icon-star"></i></li>
|
||
<li class="product__review--fill"><i class="icon-star"></i></li>
|
||
<li class="product__review--fill"><i class="icon-star"></i></li>
|
||
<li class="product__review--blank"><i class="icon-star"></i></li>
|
||
</ul>
|
||
</div>
|
||
<div class="comment__content-right">
|
||
<a href="#" class="link--gray link--icon-left m-b-5"><i class="fas fa-reply"></i>Reply</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="para__content">
|
||
<p class="para__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora inventore dolorem a unde modi iste odio amet, fugit fuga aliquam, voluptatem maiores animi dolor nulla magnam ea! Dignissimos aspernatur
|
||
cumque nam quod sint provident modi alias culpa, inventore deserunt accusantium amet earum soluta consequatur quasi eum eius laboriosam, maiores praesentium explicabo enim dolores quaerat! Voluptas
|
||
ad ullam quia odio sint sunt. Ipsam officia, saepe repellat. </p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Start - Review Comment Reply-->
|
||
<ul class="comment__reply">
|
||
<li class="comment__reply-list">
|
||
<div class="comment__wrapper">
|
||
<div class="comment__img">
|
||
<img src="assets/img/user/image-2.png" alt="">
|
||
</div>
|
||
<div class="comment__content">
|
||
<div class="comment__content-top">
|
||
<div class="comment__content-left">
|
||
<h6 class="comment__name">Oaklee Odom</h6>
|
||
</div>
|
||
<div class="comment__content-right">
|
||
<a href="#" class="link--gray link--icon-left m-b-5"><i class="fas fa-reply"></i>Reply</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="para__content">
|
||
<p class="para__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora inventore dolorem a unde modi iste odio amet, fugit fuga aliquam, voluptatem maiores animi dolor nulla magnam ea! Dignissimos
|
||
aspernatur cumque nam quod sint provident modi alias culpa, inventore deserunt accusantium amet earum soluta consequatur quasi eum eius laboriosam, maiores praesentium explicabo enim
|
||
dolores quaerat! Voluptas ad ullam quia odio sint sunt. Ipsam officia, saepe repellat. </p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
<!-- End - Review Comment Reply-->
|
||
</li>
|
||
<!-- End - Review Comment list-->
|
||
<!-- Start - Review Comment list-->
|
||
<li class="comment__list">
|
||
<div class="comment__wrapper">
|
||
<div class="comment__img">
|
||
<img src="assets/img/user/image-3.png" alt="">
|
||
</div>
|
||
<div class="comment__content">
|
||
<div class="comment__content-top">
|
||
<div class="comment__content-left">
|
||
<h6 class="comment__name">Jaydin Jones</h6>
|
||
<ul class="product__review">
|
||
<li class="product__review--fill"><i class="icon-star"></i></li>
|
||
<li class="product__review--fill"><i class="icon-star"></i></li>
|
||
<li class="product__review--fill"><i class="icon-star"></i></li>
|
||
<li class="product__review--fill"><i class="icon-star"></i></li>
|
||
<li class="product__review--blank"><i class="icon-star"></i></li>
|
||
</ul>
|
||
</div>
|
||
<div class="comment__content-right">
|
||
<a href="#" class="link--gray link--icon-left m-b-5"><i class="fas fa-reply"></i>Reply</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="para__content">
|
||
<p class="para__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora inventore dolorem a unde modi iste odio amet, fugit fuga aliquam, voluptatem maiores animi dolor nulla magnam ea! Dignissimos aspernatur
|
||
cumque nam quod sint provident modi alias culpa, inventore deserunt accusantium amet earum soluta consequatur quasi eum eius laboriosam, maiores praesentium explicabo enim dolores quaerat! Voluptas
|
||
ad ullam quia odio sint sunt. Ipsam officia, saepe repellat. </p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<!-- End - Review Comment list-->
|
||
</ul>
|
||
<!-- End - Review Comment -->
|
||
|
||
<!-- Start Add Review Form-->
|
||
<div class="review-form m-t-40">
|
||
<div class="section-content">
|
||
<h6 class="font--bold text-uppercase">ADD A REVIEW</h6>
|
||
<p class="section-content__desc">Your email address will not be published. Required fields are marked *</p>
|
||
</div>
|
||
<form class="form-box" action="#" method="post">
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<div class="form-box__single-group">
|
||
<label for="form-name">Your Rating*</label>
|
||
<ul class="product__review">
|
||
<li class="product__review--fill"><i class="icon-star"></i></li>
|
||
<li class="product__review--fill"><i class="icon-star"></i></li>
|
||
<li class="product__review--fill"><i class="icon-star"></i></li>
|
||
<li class="product__review--fill"><i class="icon-star"></i></li>
|
||
<li class="product__review--blank"><i class="icon-star"></i></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div class="form-box__single-group">
|
||
<label for="form-name">Your Name*</label>
|
||
<input type="text" id="form-name" placeholder="Enter your name">
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div class="form-box__single-group">
|
||
<label for="form-email">Your Email*</label>
|
||
<input type="email" id="form-email" placeholder="Enter your email" required>
|
||
</div>
|
||
</div>
|
||
<div class="col-12">
|
||
<div class="form-box__single-group">
|
||
<label for="form-review">Your review*</label>
|
||
<textarea id="form-review" rows="8" placeholder="Write a review"></textarea>
|
||
</div>
|
||
</div>
|
||
<div class="col-12">
|
||
<button class="btn btn--box btn--small btn--black btn--black-hover-green btn--uppercase font--bold m-t-30" type="submit">Submit</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<!-- End Add Review Form- -->
|
||
</div>
|
||
<!-- Start Tab - Product Review -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- End Product Details Tab -->
|
||
|
||
<!-- :::::: Start Product Style - Default Section :::::: -->
|
||
<div class="product m-t-100">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<!-- Start Section Title -->
|
||
<div class="section-content section-content--border m-b-35">
|
||
<h5 class="section-content__title">Другие продукты
|
||
</h5>
|
||
<!-- a href="shop-sidebar-grid-left.html" class="btn btn--icon-left btn--small btn--radius btn--transparent btn--border-green btn--border-green-hover-green font--regular text-capitalize">More Products<i class="fal fa-angle-right"></i></a -->
|
||
</div>
|
||
<!-- End Section Title -->
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<div class="default-slider default-slider--hover-bg-red product-default-slider">
|
||
<div class="product-default-slider-4grid-1rows gap__col--30 gap__row--40">
|
||
{* цикл *}
|
||
<!-- Start Single Default Product -->
|
||
<div class="product__box product__default--single text-center">
|
||
<!-- Start Product Image -->
|
||
<div class="product__img-box pos-relative">
|
||
<a href="product-single-default.html" class="product__img--link">
|
||
<img class="product__img img-fluid" src="assets/img/product/size-normal/product-home-1-img-1.jpg" alt="">
|
||
</a>
|
||
<!-- Start Procuct Label -->
|
||
<span class="product__label product__label--sale-dis">-34%</span>
|
||
<!-- End Procuct Label -->
|
||
<!-- Start Product Action Link-->
|
||
<ul class="product__action--link pos-absolute">
|
||
<li><a href="#modalAddCart" data-toggle="modal"><i class="icon-shopping-cart"></i></a></li>
|
||
<!-- li><a href="compare.html"><i class="icon-sliders"></i></a></li -->
|
||
<!-- li><a href="wishlist.html"><i class="icon-heart"></i></a></li -->
|
||
<li><a href="#modalQuickView" data-toggle="modal"><i class="icon-eye"></i></a></li>
|
||
</ul>
|
||
<!-- End Product Action Link -->
|
||
</div>
|
||
<!-- End Product Image -->
|
||
<!-- Start Product Content -->
|
||
<div class="product__content m-t-20">
|
||
<!-- ul class="product__review">
|
||
<li class="product__review--fill"><i class="icon-star"></i></li>
|
||
<li class="product__review--fill"><i class="icon-star"></i></li>
|
||
<li class="product__review--fill"><i class="icon-star"></i></li>
|
||
<li class="product__review--fill"><i class="icon-star"></i></li>
|
||
<li class="product__review--blank"><i class="icon-star"></i></li>
|
||
</ul -->
|
||
<a href="product-single-default.html" class="product__link">Fresh green vegetable</a>
|
||
<div class="product__price m-t-5">
|
||
<span class="product__price">$19.00 <!-- del>$29.00</del --></span>
|
||
</div>
|
||
</div>
|
||
<!-- End Product Content -->
|
||
</div>
|
||
<!-- End Single Default Product -->
|
||
{* цикл *}
|
||
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- :::::: End Product Style - Default Section :::::: -->
|
||
|
||
<!-- :::::: Start Company Logo Section :::::: -->
|
||
<div class="company-logo m-t-100">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<div class="company-logo__area default-slider">
|
||
<!-- Start Single Company Logo Item -->
|
||
<div class="company-logo__item">
|
||
<a href="#" class="company-logo__link">
|
||
<img src="assets/img/company-logo/company-logo-1.png" alt="" class="company-logo__img">
|
||
</a>
|
||
</div>
|
||
<!-- End Single Company Logo Item -->
|
||
<!-- Start Single Company Logo Item -->
|
||
<div class="company-logo__item">
|
||
<a href="#" class="company-logo__link">
|
||
<img src="assets/img/company-logo/company-logo-2.png" alt="" class="company-logo__img">
|
||
</a>
|
||
</div>
|
||
<!-- End Single Company Logo Item -->
|
||
<!-- Start Single Company Logo Item -->
|
||
<div class="company-logo__item">
|
||
<a href="#" class="company-logo__link">
|
||
<img src="assets/img/company-logo/company-logo-3.png" alt="" class="company-logo__img">
|
||
</a>
|
||
</div>
|
||
<!-- End Single Company Logo Item -->
|
||
<!-- Start Single Company Logo Item -->
|
||
<div class="company-logo__item">
|
||
<a href="#" class="company-logo__link">
|
||
<img src="assets/img/company-logo/company-logo-4.png" alt="" class="company-logo__img">
|
||
</a>
|
||
</div>
|
||
<!-- End Single Company Logo Item -->
|
||
<!-- Start Single Company Logo Item -->
|
||
<div class="company-logo__item">
|
||
<a href="#" class="company-logo__link">
|
||
<img src="assets/img/company-logo/company-logo-5.png" alt="" class="company-logo__img">
|
||
</a>
|
||
</div>
|
||
<!-- End Single Company Logo Item -->
|
||
<!-- Start Single Company Logo Item -->
|
||
<div class="company-logo__item">
|
||
<a href="#" class="company-logo__link">
|
||
<img src="assets/img/company-logo/company-logo-6.png" alt="" class="company-logo__img">
|
||
</a>
|
||
</div>
|
||
<!-- End Single Company Logo Item -->
|
||
<!-- Start Single Company Logo Item -->
|
||
<div class="company-logo__item">
|
||
<a href="#" class="company-logo__link">
|
||
<img src="assets/img/company-logo/company-logo-7.png" alt="" class="company-logo__img">
|
||
</a>
|
||
</div>
|
||
<!-- End Single Company Logo Item -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- :::::: End Company Logo Section :::::: -->
|
||
|
||
</main>
|
||
<!-- :::::: End MainContainer Wrapper :::::: -->
|
||
|
||
|
||
{include file=$footer} |