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

258 lines
14 KiB
HTML
Raw Normal View History

2022-05-30 23:06:37 +05:00
<!-- :::::: Start Hero Section :::::: -->
{include file=$header title="{$page[0].txt}" h1="{$page[0].title}" keywords="{$page[0].keywords}" description="{$page[0].description}"}
<!-- :::::: Start Хлебные крошки :::::: -->
2022-05-30 23:06:37 +05:00
<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 Хлебные крошки :::::: -->
2022-05-30 23:06:37 +05:00
<!-- :::::: 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">
2022-05-30 23:06:37 +05:00
</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 - Вкладка с описанием -->
2022-05-30 23:06:37 +05:00
<div class="tab-pane show active" id="product-desc">
<div class="para__content">
{$page[0].opisanie}
</div>
</div>
<!-- End Tab - Вкладка с описанием -->
2022-05-30 23:06:37 +05:00
<!-- Start Tab - Вкладка с характеристиками -->
2022-05-30 23:06:37 +05:00
<div class="tab-pane" id="product-dis">
<div class="product-dis__content">
<table class="table">
{$page[0].harakteriskika}
</table>
</div>
</div>
<!-- End Tab - Вкладка с характеристиками -->
2022-05-30 23:06:37 +05:00
</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 :::::: -->
2022-05-30 23:06:37 +05:00
<!-- :::::: 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}