tk-ligat.ru/skin/inc/mod/tovar_show/index.html

258 lines
14 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!-- :::::: Start Hero Section :::::: -->
{include file=$header title="{$page[0].txt}" h1="{$page[0].title}" keywords="{$page[0].keywords}" description="{$page[0].description}"}
<!-- :::::: Start Хлебные крошки :::::: -->
<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 Хлебные крошки :::::: -->
<!-- :::::: 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="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}
</div>
<div class="product__desc m-t-25 m-b-30">
</div>
<div class="product-var p-tb-30">
{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>
</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}
</div>
{/if}
<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>
</ul>
<div class="product-details-tab-box">
<div class="tab-content">
<!-- Start Tab - Вкладка с описанием -->
<div class="tab-pane show active" id="product-desc">
<div class="para__content">
{$page[0].opisanie}
</div>
</div>
<!-- End Tab - Вкладка с описанием -->
<!-- Start Tab - Вкладка с характеристиками -->
<div class="tab-pane" id="product-dis">
<div class="product-dis__content">
<table class="table">
{$page[0].harakteriskika}
</table>
</div>
</div>
<!-- End Tab - Вкладка с характеристиками -->
</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>
</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">
{section name=customer loop=$rndTovar} {if $rndTovar[customer].id}
<!-- 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="/tovar_show/{$rndTovar[customer].id}" class="product__img--link">
{if $rndTovar[customer].img}
<img class="product__img img-fluid" src="/img/tovar/{$rndTovar[customer].img}.jpg"> {else}
<img class="product__img img-fluid" src="img/nofoto.jpg"> {/if}
</a>
</div>
<div class="product__content m-t-20">
<a href="/tovar_show/{$rndTovar[customer].id}" class="product__link">{$rndTovar[customer].txt}</a>
<div class="product__price m-t-5">
<span class="product__price">{$rndTovar[customer].cena} руб. <!--del>$29.00</del--></span>
</div>
</div>
<!-- End Product Content -->
</div>
<!-- End Single Default Product -->
{/if} {/section}
</div>
</div>
</div>
</div>
</div>
</div>
<!-- :::::: End Product Style - Default Section :::::: -->
<!-- :::::: 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>
</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">
{section name=customer loop=$tovarFromHistory} {if $tovarFromHistory[customer].id}
<!-- 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="/tovar_show/{$tovarFromHistory[customer].id}" class="product__img--link">
{if $tovarFromHistory[customer].fileName}
<img class="product__img img-fluid" src="/img/tovar/{$tovarFromHistory[customer].fileName}.jpg"> {else}
<img class="product__img img-fluid" src="img/nofoto.jpg"> {/if}
</a>
</div>
<div class="product__content m-t-20">
<a href="/tovar_show/{$tovarFromHistory[customer].id}" class="product__link">{$tovarFromHistory[customer].txt}</a>
<div class="product__price m-t-5">
<span class="product__price">{$tovarFromHistory[customer].cena} руб. <!--del>$29.00</del--></span>
</div>
</div>
<!-- End Product Content -->
</div>
<!-- End Single Default Product -->
{/if} {/section}
</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 -->
</div>
</div>
</div>
</div>
</div>
<!-- :::::: End Company Logo Section :::::: -->
</main>
<!-- :::::: End MainContainer Wrapper :::::: -->
{include file=$footer}