{* <script src="{$wa_theme_url}js/jquery.elevateZoom.min.js"></script> *}
<script src="{$wa_theme_url}js/jquery.ez-plus.js"></script>
<script src="{$wa_theme_url}js/jquery.fancybox.pack.js"></script>
<script src="{$wa_theme_url}js/jquery.fancybox-thumbs.js"></script>
<link rel="stylesheet" href="{$wa_theme_url}css/jquery.fancybox.css?{$wa->version(true)}"/>

{$shop_desktop = waRequest::cookie('shop_desktop')}
{if $theme_settings.home_view == 'split' && $theme_settings.product_menu}
<!-- split view -->
<div class="row">
	<div class="col-lg-3 col-md-12 col-sm-12">

		{$categories_shop = $wa->shop->categories(0, null, true)}

		{if $theme_settings.menu_type == 'split-menu'}

		{wa_print_tree tree=$categories_shop collapsible_class='tree' class='split-catalog hidden-md-down' unfolded=true elem ='<a href=":url" title=":name" class=":hidden">:name</a>'}

		{else}

		{function shop_catalog_tree}
		{foreach $items as $item}
		{if empty($item.hide)}
		<li class="{if !empty($item.childs)}tree{/if}{if $product.category_id == $item.id} selected{/if}">
			<a href="{$item.url}" title="{$item.name}">
				{$item.name}
				{if !empty($item.childs)}<i class="fa fa-chevron-down"></i>{/if}
			</a>
			{if !empty($item.childs)}
			<ul>
				{shop_catalog_tree items=$item.childs}
			</ul>
			{/if}
		</li>
		{/if}
		{/foreach}
		{/function}
		<ul class="split-catalog-slide hidden-md-down">
			{shop_catalog_tree items=$categories_shop}
		</ul>

		{/if}

		{if $theme_settings.catalog_news && $wa->blog}
		<!-- null = blog id, 3 - qty -->
		{$latest_posts = $wa->blog->posts(null, 3)}
		{if $latest_posts}
		<div class="about-shop split hidden-md-down">
			<div class="newsblock leftside">
				{foreach $latest_posts as $post}
				<div class="media">
					{if isset($post.img)}
					<div class="media-left">
						<a href="{$post.link}"><img src="{$post.img}" alt="{$post.title|strip_tags|truncate:400}"></a>
					</div>
					{/if}
					<div class="media-body">
						<div class="date">{$post.datetime|wa_date:"humandate"} / {$post.datetime|date_format:"%H:%M"}</div>
						<div class="title"><a href="{$post.link}">{$post.title|strip_tags|truncate:400}</a></div>
					</div>
				</div>
				{/foreach}
			</div>
		</div>
		{/if}
		{/if}

	</div>
	<div class="col-lg-9 col-md-12 col-sm-12">
		{/if}

		<div class="product" itemscope itemtype="http://schema.org/Product">
			{if $wa->isMobile() && $shop_desktop != '1'}
				{foreach $breadcrumbs as $b}
				{if $b@last}{$parent_url = $b.url}{$parent_name = $b.name}{/if}
				{/foreach}

				{if $parent_url}
				<div class="back">
					<i class="fa fa-angle-left"></i>
					<a href="{$b.url}">{$b.name|escape}</a>
				</div>
				{/if}
				<div class="h1">{$product.name|escape}</div>
			{else}
				{include file="`$wa_active_theme_path`/breadcrumb.html" inline}
			{/if}

			{if $theme_settings.product_prevnext}
			{$prev = null}
			{$next = null}
			{$siblings = $wa->shop->products("category/`$product.category_id`")}
			{foreach $siblings as $sibling}
			{if $sibling.id == $product.id}
			{$next = $sibling}
			{/if}
			{if !$next && $sibling.id != $product.id}
			{$prev = $sibling}
			{/if}
			{if $next && $sibling.id != $product.id}
			{$next = $sibling}
			{break}
			{/if}
			{/foreach}
			{$last_sibling = end($siblings)}
			{if $last_sibling.id == $product.id}
			{$next = null}
			{/if}

			{if $prev || $next}
			<div class="row prev-next hidden-sm-down">
				{if $prev && !$next}
				<div class="col-lg-6">
					<div class="prev-product"><a href="{$prev.frontend_url}" data-image-name="{$prev.name|escape}" data-price="{shop_currency($prev.price)}" data-image-url="{$wa->shop->productImgUrl($prev, '100')}"><i class="fa fa-angle-left" aria-hidden="true"></i> Предыдущий товар</a></div>
				</div>
				{elseif $next && !$prev}
				<div class="col-lg-12 text-right">
					<div class="next-product"><a href="{$next.frontend_url}" data-image-name="{$next.name|escape}" data-price="{shop_currency($next.price)}" data-image-url="{$wa->shop->productImgUrl($next, '100')}">Следующий товар <i class="fa fa-angle-right" aria-hidden="true"></i></a></div>
				</div>
				{else}
				<div class="col-lg-6 col-md-6">
					<div class="prev-product"><a href="{$prev.frontend_url}" data-image-name="{$prev.name|escape}" data-price="{shop_currency($prev.price)}" data-image-url="{$wa->shop->productImgUrl($prev, '100')}"><i class="fa fa-angle-left" aria-hidden="true"></i> Предыдущий товар</a></div>
				</div>
				<div class="col-lg-6 col-md-6 text-right">
					<div class="next-product"><a href="{$next.frontend_url}" data-image-name="{$next.name|escape}" data-price="{shop_currency($next.price)}" data-image-url="{$wa->shop->productImgUrl($next, '100')}">Следующий товар <i class="fa fa-angle-right" aria-hidden="true"></i></a></div>
				</div>
				{/if}
			</div>
			{/if}
			{/if}

			<div class="row product-margin product-visible" style="table-layout: fixed;">
				<div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
					{* Mobile product image *}
					{if $wa->isMobile() && $shop_desktop != '1'}
						{if $product.images}
						<div class="product-gallery">
							<!-- Big foto -->
							<div class="image" id="product-core-image">
								{$wa->shop->badgeHtml($product.badge)}

								{if count($product.images) > 1 || (count($product.images) === 1)}
								<div{if count($product.images) > 1} class="product-dialog-image" style="display:none;"{/if}>
									{foreach $product.images as $image}
									<div class="slide">
									{$wa->shop->imgHtml($image, $theme_settings.product_image_size, [ 'alt' => $product.name|escape, 'id' => 'product-image-'|cat:$image.id, 'data-slide' => $image@iteration-1 ])}
									{if $image.description}<p>{$image.description}</p>{/if}
									</div>
									{/foreach}

									{$video = $product->video}
									{if $video}
									<div class="slide"><iframe src="{$video.url}" style="width:100%;height:350px;"></iframe></div>
									{/if}

								</div>

								{else}
								{$wa->shop->productImgHtml($product, $theme_settings.product_image_size, ['id' => 'product-image', 'alt' => $product.name|escape ])}
								{/if}

							</div>
						</div>
						{else}
						<div class="product-gallery">
							<img src="{$wa_theme_url}img/no-foto.gif" style="width:325px;">
						</div>
						{/if}
					{else}

						{* Desktop product image *}
						{if method_exists($product, 'getVideo')}
						{$video = $product->video}
						{if $video}
						<div id="video-container" class="video-container" itemprop="video" itemscope itemtype="http://schema.org/VideoObject" style="display: none;">
							<div itemprop="embedHTML">
								<iframe src="{$video.url}" style="width:100%;height:350px;"></iframe>
							</div>
							<meta itemprop="width" content="{$video.width}">
							<meta itemprop="height" content="{$video.height}">
							<meta itemprop="name" content="{$product.name|default:""|escape}">
							<meta itemprop="description" content="{$product.description|default:""|escape}">
							<meta itemprop="uploadDate" content="{$product.create_datetime|default:""|escape}">
							{if !empty($video.images[0])}
								{$_thumb = $video.images[0]}
								{$_absolute_thumb_uri = "{$wa->url(true)}{$_thumb|substr:1}"}
								<meta itemprop="thumbnailUrl" content="{$_absolute_thumb_uri|escape}" />
							{/if}
						</div>
						{/if}
						{else}
						{$video = null}
						{/if}

						{if $product.images}
						<div class="product-gallery text-center">
							<!-- Big foto -->

							<div class="image" data-number="1" id="product-core-image">
								{$wa->shop->badgeHtml($product.badge)}

								{if $theme_settings.product_zoom}
								<a href="{$wa->shop->productImgUrl($product, '970')}" title="{foreach $product.images as $d}{if $d@first}{$d.description|escape}{/if}{/foreach}">{$wa->shop->productImgHtml($product, $theme_settings.product_image_size, [ class => 'zoom-image-elevate',  'data-zoom-image' => $wa->shop->productImgUrl($product, "970"), 'itemprop' => 'image', 'id' => 'product-image', 'alt' => $product.name|escape])}</a>
								{else}
								<a href="{$wa->shop->productImgUrl($product, '970')}" title="{foreach $product.images as $d}{if $d@first}{$d.description|escape}{/if}{/foreach}">{$wa->shop->productImgHtml($product, $theme_settings.product_image_size, [ 'itemprop' => 'image', 'id' => 'product-image', 'alt' => $product.name|escape])}</a>
								{/if}
								<div id="switching-image" style="display: none;"></div>
								<div class="image-hint"><i class="fa fa-search"></i> [`Click image for a larger view`]</div>
							</div>


							{if $theme_settings.product_galery == 1}
								<!-- Preview list -->
								{if count($product.images) > 1 || (count($product.images) === 1 && $video)}
								<div class="more-images" id="product-gallery">
									{foreach $product.images as $image}
									<div class="push-to-fancybox image{if $image.id == $product.image_id} selected{/if}">
										<a data-fancybox-group="thumb" data-number="{$image@iteration}" id="product-image-{$image.id}" href="{$wa->shop->imgUrl($image, '970')}" class="fancybox-open"{if $image.description} title="{$image.description|escape}"{/if}>
										{$wa->shop->imgHtml($image, '96x96', [ 'alt' => $product.name|escape])}
										</a>
									</div>
									{/foreach}

									{if $video}
									<div class="image video">
										<a id="product-image-video" href="{$video.url}">
											<img src="{$video.images[0]}" alt="{$product.name|escape}">
										</a>
									</div>
									{/if}
								</div>
								{/if}
							{else}

							<!-- Preview slider -->
							{if count($product.images) > 1 || (count($product.images) === 1 && $video)}
								<div class="more-images more-images-slider" id="product-gallery" style="visibility: hidden ;">
									{foreach $product.images as $image}
									<div class="push-to-fancybox image{if $image.id == $product.image_id} selected{/if}">
										<a data-fancybox-group="thumb" data-number="{$image@iteration}" id="product-image-{$image.id}" href="{$wa->shop->imgUrl($image, '970')}" class="fancybox-open"{if $image.description} title="{$image.description|escape}"{/if}>
										{$wa->shop->imgHtml($image, '75x75', [ 'alt' => $product.name|escape])}
										</a>
									</div>
									{/foreach}

									{if $video}
									<div class="image video">
										<a id="product-image-video" href="{$video.url}">
											<img src="{$video.images[0]}" alt="{$product.name|escape}">
										</a>
									</div>
									{/if}
								</div>
							{/if}

							{/if}

						</div>
						{else}
						<div class="product-gallery" id="product-core-image">
							<img src="{$wa_theme_url}img/no-foto.gif">
						</div>
						{/if}

					{/if}

				</div>
				<div class="col-lg-5 col-md-5 col-sm-5 col-xs-12">
					{$favorite_p = waRequest::cookie("shop_favorite", '', waRequest::TYPE_STRING)}
					{assign var=favorite_p_split value=","|explode:$favorite_p}

					<div class="icons-compare-favorite">
						<span class="print hidden-sm-down" onclick="window.print();"><i class="fa fa-print"></i></span>
						<span class="compare-favorite-icon{if in_array($product.id, $favorite_p_split)} active{/if}"><a href="#" data-product="{$product.id}" class="favorite-link"><i class="fa fa-heart-o"></i></a></span>
						<span class="compare-compare-icon{if $wa->shop->inComparison($product.id)} active{/if}"><a href="#" data-product="{$product.id}" class="compare-link"><i class="fa fa-sliders"></i></a></span>
					</div>
					{$sku = $product.skus[$product.sku_id]}
					{if $sku.sku}
					<!-- Product ID -->
						<div class="articul">[`Code`]: <span>{$sku.sku|escape}</span></div>
					{/if}
					<div class="rating-block">
						{if !empty($product.rating) && $product.rating > 0}
						<span class="rating" title="{sprintf('[`Average user rating: %s / 5`]', $product.rating)}" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
						{$wa->shop->ratingHtml($product.rating, 16)}
						<meta itemprop="ratingValue" content="{$product.rating}">
						<meta itemprop="reviewCount" content="{$reviews_total_count}">
						</span>
						{else}
						<i class="icon16 star-empty"></i><i class="icon16 star-empty"></i><i class="icon16 star-empty"></i><i class="icon16 star-empty"></i><i class="icon16 star-empty"></i>
						{/if}
					</div>

					<h1 class="name {if $wa->isMobile() && $shop_desktop != '1'}name-mobile-hide{/if}"><span itemprop="name">{$product.name|escape}</span></h1>

					<form id="cart-form{if $wa->get('cart')}-dialog{/if}" method="post" action="{$wa->getUrl('/frontendCart/add')}" class="flexdiscount-product-form">
						<!-- stock info -->
						{$product_available = $product.status}
						{if $product_available || count($product.skus) > 1}

						<div class="stocks" {if count($product.skus) > 1}style="display: none;"{/if}>
							{function name=in_stock n=0 low=5 critical=2}
							{if $n > $low or $n === null}
							<span class="stock-high"><i class="fa fa-bars"></i> [`In stock`]</span>
							{elseif $n > $critical}
							<span class="stock-low"><i class="fa fa-bars yellow"></i>{* _w("Only %d left in stock", "Only %d left in stock", $n) *}{_w("Only a few items left")}</span>
							{elseif $n > 0}
							<span class="stock-critical"><i class="fa fa-bars yellow"></i>{_w("Only %d left in stock", "Only %d left in stock", $n)}</span>
							{else}
							<span class="stock-none red"><i class="fa fa-bars"></i>{if $wa->shop->settings('ignore_stock_count')}[`Pre-order only`]{else}[`Out of stock`]{/if}</span>
							{/if}
							{/function}
							{foreach $product.skus as $sku}
							<div {if $sku.id != $product.sku_id}style="display:none"{/if} class="sku-{$sku.id}-stock">
								{if $sku.stock}
								{foreach $stocks as $stock_id => $stock}
								{if isset($sku.stock[$stock_id])}
								{$stock_count = $sku.stock[$stock_id]}
								{else}
								{$stock_count = null}
								{/if}
								{$stock.name}: {in_stock n=$stock_count low=$stock.low_count critical=$stock.critical_count}<br>
								{/foreach}
								{else}
								{in_stock n=$sku.count}
								{/if}
							</div>
							{/foreach}
							{if $product.sku_type}
							<div class="sku-no-stock">
								<span class="stock-none red"><i class="fa fa-bars"></i> [`Product with the selected option combination is not available for purchase`]</span>
							</div>
							{/if}
						</div>
						{/if}

						<div class="add2cart">
							<span data-price="{shop_currency($product.price, null, null, 0)}" class="price nowrap">{shop_currency($product.price)}</span> <s class="compare-at-price nowrap"{if $product.compare_price == 0} style="display:none;"{/if}> {shop_currency($product.compare_price)} </s>
							<div class="saving"{if $product.compare_price == 0} style="display:none;"{/if}>[`Saving money`]: <span class="pricenum">{if $product.compare_price != 0}{shop_currency($product.compare_price-$product.price)}{/if}</span> (<span class="pricepercent">{if $product.compare_price != 0}{$percent = 100-($product.price/$product.compare_price)*100}{$percent|round:0}%{/if}</span>)</div>
						</div>
						<!-- product summary -->
						{if $product.summary}<p class="summary" itemprop="description">{$product.summary}</p>{/if}

						{if $product.sku_type}
						<!-- SELECTABLE FEATURES selling mode -->
						{$default_sku_features = $product.sku_features}
						{$product_available = $product.status}

						{if $theme_settings.selectable_features_control == 'inline'}
						<div class="options">
							{foreach $features_selectable as $f}
								<div class="inline-select{if $f.type == 'color'} color-fix{else} inline-no-color{/if}">
									<div class="name">{$f.name}:
										<span class="sku-selectable">{foreach $f.values as $v_id => $v}{if !isset($default_sku_features[$f.id])}{$default_sku_features[$f.id]=$v_id}{/if}{if $v_id == ifset($default_sku_features[$f.id])}{strip_tags($v)}{/if}{/foreach}</span>
									</div>

									{foreach $f.values as $v_id => $v}
										{if !isset($default_sku_features[$f.id])}{$default_sku_features[$f.id]=$v_id}{/if}
										<a data-sku-id="{$f.id}:{$v_id};" data-value="{$v_id}" data-name="{strip_tags($v)}" href="#"{if $v_id == ifset($default_sku_features[$f.id])} class="selected"{/if}{if $f.type == 'color'} style="{$v->style} margin-bottom: 10px;{if $v->color == 16777215}border:1px solid #c8c8c8 !important;{/if}"{/if}>
											{if $f.type == 'color'}&nbsp;
												<i class="fa fa-check color_checkmark"></i>
											{/if}
											{if $f.type == 'color'}&nbsp;{else}{$v}{/if}
										</a>
									{/foreach}
									<input type="hidden" data-feature-id="{$f.id}" class="js-sku-feature sku-feature" name="features[{$f.id}]" value="{ifset($default_sku_features[$f.id])}">
								</div>
							{/foreach}
						</div>
						{else}
						<div class="options">
							{foreach $features_selectable as $f}
							<label class="name">{$f.name}:</label>
							<select data-feature-id="{$f.id}" class="sku-feature" name="features[{$f.id}]">
								{foreach $f.values as $v_id => $v}
								<option data-sku-id="{$f.id}:{$v_id};" value="{$v_id}" {if $v_id == ifset($default_sku_features[$f.id])}selected{/if}>{$v|strip_tags}</option>
								{/foreach}
							</select>
							{/foreach}
						</div>
						{/if}

						<!-- list all SKUs for Schema.org markup -->
						{foreach $product.skus as $sku}
						<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
							{$sku_available =  $product.status && $sku.available && ($wa->shop->settings('ignore_stock_count') || $sku.count === null || $sku.count > 0)}
							{if $sku.name}<meta itemprop="name" content="{$sku.name|escape}">{/if}
							<meta itemprop="price" content="{$sku.price}">
							<meta itemprop="priceCurrency" content="{$product.currency}">
							{if (!($sku.count === null) && $sku.count <= 0)}
							<link itemprop="availability" href="http://schema.org/OutOfStock" />
							{else}
							<link itemprop="availability" href="http://schema.org/InStock" />
							{/if}
						</div>
						{/foreach}
						{else}
						<!-- FLAT SKU LIST selling mode -->
						{$product_available = false}
						{if count($product.skus) > 1}
						{* SKU radio buttons *}
						<ul class="skus">
							{foreach $product.skus as $sku}
							{$sku_available =  $product.status && $sku.available && ($wa->shop->settings('ignore_stock_count') || $sku.count === null || $sku.count > 0)}
							<li itemprop="offers" itemscope itemtype="http://schema.org/Offer">
								<label{if !$sku.available} class="disabled"{/if}>
								<input name="sku_id" type="radio" value="{$sku.id}"{if !$sku.available} disabled="true"{/if}{if !$sku_available}data-disabled="1"{/if}{if $sku.id == $product.sku_id} checked="checked"{/if} data-compare-price="{shop_currency($sku.compare_price, $product.currency, null, 0)}" data-price="{shop_currency($sku.price, $product.currency, null, 0)}"{if $sku.image_id} data-image-id="{$sku.image_id}"{/if}> <span itemprop="name">{$sku.name|escape}</span>
								{if $sku.sku}&nbsp;<span class="articul">{$sku.sku|escape}</span>{/if}
								<meta itemprop="price" content="{$sku.price}">
								<meta itemprop="priceCurrency" content="{$product.currency}"> (<span class="price tiny nowrap">{shop_currency($sku.price, $product.currency)}{if $sku.compare_price} <s>{shop_currency($sku.compare_price)}</s>{/if}</span>)
								{if (!($sku.count === null) && $sku.count <= 0)}
								<link itemprop="availability" href="http://schema.org/OutOfStock" />
								{else}
								<link itemprop="availability" href="http://schema.org/InStock" />
								{/if}
								</label>
							</li>
							{$product_available = $product_available or $sku_available}
							{/foreach}
						</ul>
						{else}
						{* in case there is only one SKU, don't display the selector *}
						<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
							{$sku = $product.skus[$product.sku_id]}
							{if $sku.name}<meta itemprop="name" content="{$sku.name|escape}">{/if}
							<meta itemprop="price" content="{$sku.price}">
							<meta itemprop="priceCurrency" content="{$product.currency}">
							{if !$sku.available}
							<link itemprop="availability" href="http://schema.org/Discontinued" />
							{elseif !$wa->shop->settings('ignore_stock_count') && !($sku.count === null || $sku.count > 0)}
							<link itemprop="availability" href="http://schema.org/OutOfStock" />
							{else}
							<link itemprop="availability" href="http://schema.org/InStock" />
							{/if}
							<input name="sku_id" type="hidden" value="{$product.sku_id}">
							{$product_available = $product.status && $sku.available && ($wa->shop->settings('ignore_stock_count') || $sku.count === null || $sku.count > 0)}
						</div>
						{/if}
						{/if}

						{if $services}
						<!-- services -->
						<div class="services">
							{foreach $services as $s}
							<div class="service-{$s.id}">
								<label class="checkbox">
									<input data-price="{shop_currency($s.price, $s.currency, null, 0)}" {if !$product_available}disabled="disabled"{/if} type="checkbox" name="services[]" value="{$s.id}"> {$s.name|escape} {if $s.price && !isset($s.variants)}(+<span class="service-price">{shop_currency($s.price, $s.currency)}</span>){/if}
								</label>
								{if isset($s.variants)}
								<select data-variant-id="{$s.variant_id}" class="service-variants" name="service_variant[{$s.id}]" disabled>
									{foreach $s.variants as $v}
									<option {if $s.variant_id == $v.id}selected{/if} data-price="{shop_currency($v.price, $s.currency, null, 0)}" value="{$v.id}">{$v.name|escape} (+{shop_currency($v.price, $s.currency)})</option>
									{/foreach}
								</select>
								{else}
								<input type="hidden" name="service_variant[{$s.id}]" value="{$s.variant_id}">
								{/if}
							</div>
							{/foreach}
						</div>
						{/if}

						<div class="purchase">
							<div class="cart priceblock" id="cart-flyer">
								<!-- price -->
								<div class="add2cart cart-group">
									<div class="select_quantity">
										<div class="input-group spinner">
											<input type="text" class="form-control text-center select_input_cart" name="quantity" value="1" autocomplete="off">
											<div class="input-group-addon">
												<a href="#" class="spin-up inc_cart"><i class="fa fa-caret-up"></i></a>
												<a href="#" class="spin-down dec_cart"><i class="fa fa-caret-down"></i></a>
											</div>
										</div>
									</div>
									<div class="add2cart-button">
										<input type="hidden" name="product_id" value="{$product.id}">
										<button type="submit" class="btn btn-primary{if !$product_available} gray disabled{/if}" {if !$product_available}disabled="disabled"{/if}>{if $wa->shop->cart->total() > 0}[`Add to cart`]{else}[`Buy now`]{/if}</button>

										{if $product_available}
										{if method_exists(shopStorequickorderPlugin, 'product_button')}
										<div class="one-click">{shopStorequickorderPlugin::product_button()}</div>
										{/if}
										{/if}
									</div>
								</div>

							</div>
							<!-- plugin hook: 'frontend_product.cart' -->
							{* @event frontend_product.%plugin_id%.cart *}
							{foreach $frontend_product as $_}{$_.cart}{/foreach}
						</div>
					</form>

					<!-- plugin hook: 'frontend_product.block_aux' -->
					{* @event frontend_product.%plugin_id%.block_aux *}
					{if !empty($frontend_product)}
					<div class="aux">
						{foreach $frontend_product as $_}{$_.block_aux}{/foreach}
					</div>
					{/if}

					{if $theme_settings.product_share}
					<!-- Social icon -->
					<div class="share-social">
						<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script><script src="//yastatic.net/share2/share.js"></script><div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,twitter"></div>
					</div>
					{/if}

					<!-- categories -->
					{if !empty($product.categories)}
					<div class="sub">
						{if count($product.categories) > 1}
						[`Categories`]: {foreach $product.categories as $c}{if $c.status}<a href="{$wa->getUrl('/frontend/category', ['category_url' => $c.full_url])}">{$c.name|escape}</a> {/if}{/foreach}
						{else}
						[`Category`]: {foreach $product.categories as $c}{if $c.status}<a href="{$wa->getUrl('/frontend/category', ['category_url' => $c.full_url])}">{$c.name|escape}</a> {/if}{/foreach}
						{/if}
					</div>
					{/if}

					<!-- tags -->
					{if $product.tags}
					<div class="tags" id="product-tags">
						[`Tags`]: {foreach $product.tags as $t}<a href="{$wa->getUrl('/frontend/tag', ['tag' => urlencode($t)])}">{$t}</a>{/foreach}
					</div>
					{/if}

				</div>
			</div>

			<!-- fix product -->
			{if $theme_settings.product_fix}
			<div class="fix-product hidden-md-down" style="display: none;">
				<div class="container">
					<div class="row to-table">
						<div class="col-lg-2 col-md-3 col-sm-6 col-xs-12 text-center to-cell">
							{if $product.images}
							{$wa->shop->productImgHtml($product, $theme_settings.product_image_size, ['alt' => $product.name|escape ])}
							{else}
							<img src="{$wa_theme_url}img/no-foto.gif">
							{/if}
						</div>
						<div class="col-lg-7 col-md-9 col-sm-6 col-xs-12 to-cell">
							<div class="name">{$product.name}</div>
							{if $product.summary}<div class="summary">{$product.summary|strip_tags|truncate:100:"...":true}</div>{/if}
						</div>
						<div class="col-lg-3 col-md-9 col-sm-6 col-xs-12 to-cell text-center">
							<span  class="btn btn-primary{if !$product_available} gray disabled{/if}">{if $wa->shop->cart->total() > 0}[`Add to cart`]{else}[`Buy now`]{/if}</span>
						</div>
					</div>
				</div>
			</div>
			{/if}
			<!-- product internal nav -->
			{if $theme_settings.product_tabs_view == 2}
				<ul class="product-nav hidden-xs-down">
					<li {if $theme_settings.product_tabs == 1}class="selected"{/if} data-link="description"><a href="{$wa->shop->productUrl($product)}">[`Overview`]</a></li>
					{if $theme_settings.product_view != 2}
						{if $product.features}<li data-link="features"{if $theme_settings.product_tabs == 2} class="selected"{/if}><a href="{$wa->shop->productUrl($product)}">[`Features`]</a></li>{/if}
					{/if}
					<li data-link="reviews" class="review-scroll{if $theme_settings.product_tabs == 3} selected{/if}"><a href="{$wa->shop->productUrl($product, 'reviews')}">[`Reviews`] <span class="reviews-count">{$reviews_total_count}</span> </a></li>
					{if $theme_settings.product_tabs1_header}<li data-link="pages-custom-1"><a href="#">{$theme_settings.product_tabs1_header}</a></li>{/if}
					{if $theme_settings.product_tabs2_header}<li data-link="pages-custom-2"><a href="#">{$theme_settings.product_tabs2_header}</a></li>{/if}
					{foreach $product.pages as $page}
					<li data-link="pages-{$page.id}"><a href="#">{$page.name|escape}</a></li>
					{/foreach}
					<!-- plugin hook: 'frontend_product.menu' -->
					{* @event frontend_product.%plugin_id%.menu *}
					{foreach $frontend_product as $_}{$_.menu}{/foreach}
				</ul>

				<!-- product internal nav -->
				<div class="panel-group" id="accordion">
					<div class="panel panel-default">
						<div class="panel-heading {if $theme_settings.product_tabs == 1}selected{/if} hidden-sm-up">
							<div class="panel-title">
								<a class="collapsed" data-link="description" href="#description">
									[`Description`]
								</a>
							</div>
						</div>
						<div id="description" class="panel-collapse collapse {if $theme_settings.product_tabs == 1}in{/if} product-tabs">
							<div class="panel-body">
								{if $theme_settings.product_view == 1}

									{if $product.description}
									{$product.description}
									{else}
									[`Description of product`] <b>{$product.name|escape}</b> [`coming soon`]
									{/if}

								{else}

									<div class="row">
										{if $product.features}<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">{else}<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">{/if}
											{if $product.description}
											{$product.description}
											{else}
											[`Description of product`] <b>{$product.name|escape}</b> [`coming soon`]
											{/if}
										</div>
										{if $product.features}
										<div class="col-lg-5 col-md-5 col-sm-5 col-xs-12 offset-lg-1 offset-md-1 offset-sm-1">
											<dl class="expand-content">
												{foreach $product.features as $f_code => $f_value}
												<dt{if $features[$f_code].type == 'divider'} class="divider"{/if}>{$features[$f_code].name|escape}</dt>

													{$_true_params = ["weight", "brand", "model", "width", "height", "depth", "color", "manufacturer"]}
													{$_is_good_param = ($f_code|in_array:$_true_params)}
													{$_itemprop = ""}
													{if $_is_good_param}
														{$_itemprop = $f_code}
													{/if}

												<dd{if $features[$f_code].type == 'divider'} class="divider"{/if}  itemprop="{$_itemprop|escape}">
												{if is_array($f_value)}
												{if $features[$f_code].type == 'color'}
												{implode('<br /> ', $f_value)}
												{else}
												{implode(', ', $f_value)}
												{/if}
												{else}
												{$f_value}
												{/if}
												</dd>
												{/foreach}
											</dl>
										</div>
										{/if}
									</div>
								{/if}
							</div>
						</div>
					</div>

					{if $theme_settings.product_view == 1}
					{if $product.features}<div class="panel panel-default">
					<div class="panel-heading {if $theme_settings.product_tabs == 2}selected{/if} hidden-sm-up">
						<div class="panel-title">
							<a class="collapsed" data-link="features" href="#features">
								[`Features`]
							</a>
						</div>
					</div>
					<div id="features" class="panel-collapse collapse {if $theme_settings.product_tabs == 2}in{/if} product-tabs">
						<div class="panel-body">
							<!-- product features -->

							{if $product.features}
							<dl class="expand-content">
								{foreach $product.features as $f_code => $f_value}
									<dt{if $features[$f_code].type == 'divider'} class="divider"{/if}>{$features[$f_code].name|escape}</dt>

									{$_true_params = ["weight", "brand", "model", "width", "height", "depth", "color", "manufacturer"]}
									{$_is_good_param = ($f_code|in_array:$_true_params)}
									{$_itemprop = ""}
									{if $_is_good_param}
										{$_itemprop = $f_code}
									{/if}

									<dd{if $features[$f_code].type == 'divider'} class="divider"{/if}  itemprop="{$_itemprop|escape}">
										{if is_array($f_value)}
											{if $features[$f_code].type == 'color'}
												{implode('<br /> ', $f_value)}
											{else}
												{implode(', ', $f_value)}
											{/if}
										{else}
											{$f_value}
										{/if}
									</dd>
								{/foreach}
							</dl>
							{/if}
						</div>
					</div>
				</div>{/if}
				{/if}

					<div class="panel panel-default">
						<div class="panel-heading {if $theme_settings.product_tabs == 3}selected{/if} hidden-sm-up">
							<div class="panel-title">
								<a class="collapsed" data-link="reviews" href="#reviews">
									[`Reviews`] (<span class="reviews-count">{$reviews_total_count}</span>)
								</a>
							</div>
						</div>
						<div id="reviews" class="panel-collapse collapse {if $theme_settings.product_tabs == 3}in{/if} product-tabs">
							<div class="panel-body">
								<!-- Review -->

								{if !empty($rates)}
								<div class="review-table">
									<!-- product reviews -->
									<p class="rating">
										[`Average customer rating:`]&nbsp;
										{$wa->shop->ratingHtml($product.rating, 16)} ({$reviews_total_count})
										{if $product.rating > 0}<span class="hint">{sprintf('[`%s out of 5 stars`]', $product.rating)}</span>{/if}
									</p>

									<table class="rating-distribution">
										{$_total_count = 0}
										{foreach $rates as $_rate => $_count}
										{$_total_count = $_total_count + $_count}
										{/foreach}
										{* foreach $rates as $_rate => $_count *}
										{for $i = 5 to 0 step -1}
										{if empty($rates[$i]) || !$rates[$i]}{$_count = 0}{else}{$_count = $rates[$i]}{/if}
										{if $i || $_count}
										<tr>
											<td class="min-width hint">{$_count}</td>
											<td>
												<div class="bar">
													<div class="filling" style="width: {if $_total_count > 0}{str_replace(',','.', 100*$_count/$_total_count)}{else}0{/if}%;{if !$i} background: #ddd;{/if}"></div>
												</div>
											</td>
											<td>
												<span class="rating">{for $j=1 to $i}<i class="icon16 star"></i>{forelse}<span class="hint">[`no rate`]</span>{/for}</span>
											</td>
										</tr>
										{/if}
										{/for}
									</table>
								</div>
								{/if}


								<div class="loading"><img src="{$wa_active_theme_url}img/loading.gif" alt="Loading..."></div>
								<div class="review-block"></div>
								<script>
									$.ajax({
										url: "{$wa->shop->productUrl($product)}reviews/",
										success: function(data) {
											$(".loading").remove();
											$('.review-block').append($(data).find('.ajax-load-review').html());
										}});
								</script>
							</div>
						</div>
					</div>

					{foreach $product.pages as $a}
					<div class="panel panel-default">
						<div class="panel-heading hidden-sm-up">
							<div class="panel-title">
								<a class="collapsed" data-link="pages-{$a.id}" href="#pages-{$a.id}">
									{$a.name}
								</a>
							</div>
						</div>
						<div id="pages-{$a.id}" class="panel-collapse collapse product-tabs">
							<div class="panel-body">
								{$a.content}
							</div>
						</div>
					</div>
					{/foreach}

					{if $theme_settings.product_tabs1_text}
					<div class="panel panel-default">
						<div class="panel-heading hidden-sm-up">
							<div class="panel-title">
								<a class="collapsed" data-link="pages-custom-1" href="#pages-custom-1">
									{$theme_settings.product_tabs1_header}
								</a>
							</div>
						</div>
						<div id="pages-custom-1" class="panel-collapse collapse product-tabs">
							<div class="panel-body">
								{$theme_settings.product_tabs1_text}
							</div>
						</div>
					</div>
					{/if}

					{if $theme_settings.product_tabs2_text}
					<div class="panel panel-default">
						<div class="panel-heading hidden-sm-up">
							<div class="panel-title">
								<a class="collapsed" data-link="pages-custom-2" href="#pages-custom-2">
									{$theme_settings.product_tabs2_header}
								</a>
							</div>
						</div>
						<div id="pages-custom-2" class="panel-collapse collapse product-tabs">
							<div class="panel-body">
								{$theme_settings.product_tabs2_text}
							</div>
						</div>
					</div>
					{/if}
					{else}

						{if $product.description}
							<!-- product description inline -->
							<div class="h4">[`Overview`]</div>
							<div class="panel-group">
								<div id="description">{$product.description}</div>
							</div>
						{/if}

						{if $product.features}
							<div class="h4">[`Features`]</div>
							<dl class="expand-content">
								{foreach $product.features as $f_code => $f_value}
									<dt{if $features[$f_code].type == 'divider'} class="divider"{/if}>{$features[$f_code].name|escape}</dt>

									{$_true_params = ["weight", "brand", "model", "width", "height", "depth", "color", "manufacturer"]}
									{$_is_good_param = ($f_code|in_array:$_true_params)}
									{$_itemprop = ""}
									{if $_is_good_param}
										{$_itemprop = $f_code}
									{/if}

									<dd{if $features[$f_code].type == 'divider'} class="divider"{/if}{if $_itemprop} itemprop="{$_itemprop|escape}"{/if}>
										{if is_array($f_value)}
											{if $features[$f_code].type == 'color'}
												{implode('<br /> ', $f_value)}
											{else}
												{implode(', ', $f_value)}
											{/if}
										{else}
											{$f_value}
										{/if}
									</dd>
								{/foreach}
							</dl>

						{/if}


						{if $theme_settings.product_tabs1_text}
							<div class="h4">{$theme_settings.product_tabs1_header}</div>
							<div class="panel-group">
								<div id="description">{$theme_settings.product_tabs1_text}</div>
							</div>
						{/if}

						{if $theme_settings.product_tabs2_text}
							<div class="h4">{$theme_settings.product_tabs2_header}</div>
							<div class="panel-group">
								<div id="description">{$theme_settings.product_tabs2_text}</div>
							</div>
						{/if}

                        {foreach $product.pages as $a}
                        <div class="h4">{$a.name}</div>
                        <div class="panel-group">
                            <div id="description">{$a.content}</div>
                        </div>
                        {/foreach}

                        <!-- Review -->
                        <div class="h4">[`Reviews`] (<span class="reviews-count">{$reviews_total_count}</span>)</div>

                                    {if !empty($rates)}
                                    <div class="review-table">
                                        <!-- product reviews -->
                                        <p class="rating">
                                            [`Average customer rating:`]&nbsp;
                                            {$wa->shop->ratingHtml($product.rating, 16)} ({$reviews_total_count})
                                            {if $product.rating > 0}<span class="hint">{sprintf('[`%s out of 5 stars`]', $product.rating)}</span>{/if}
                                        </p>

                                        <table class="rating-distribution">
                                            {$_total_count = 0}
                                            {foreach $rates as $_rate => $_count}
                                            {$_total_count = $_total_count + $_count}
                                            {/foreach}
                                            {* foreach $rates as $_rate => $_count *}
                                            {for $i = 5 to 0 step -1}
                                            {if empty($rates[$i]) || !$rates[$i]}{$_count = 0}{else}{$_count = $rates[$i]}{/if}
                                            {if $i || $_count}
                                            <tr>
                                                <td class="min-width hint">{$_count}</td>
                                                <td>
                                                    <div class="bar">
                                                        <div class="filling" style="width: {if $_total_count > 0}{str_replace(',','.', 100*$_count/$_total_count)}{else}0{/if}%;{if !$i} background: #ddd;{/if}"></div>
                                                    </div>
                                                </td>
                                                <td>
                                                    <span class="rating">{for $j=1 to $i}<i class="icon16 star"></i>{forelse}<span class="hint">[`no rate`]</span>{/for}</span>
                                                </td>
                                            </tr>
                                            {/if}
                                            {/for}
                                        </table>
                                    </div>
                                    {/if}

                                    <div class="loading"><img src="{$wa_active_theme_url}img/loading.gif" alt="Loading..."></div>
                                    <div class="review-block"></div>
                                    <script>
                                        $.ajax({
                                            url: "{$wa->shop->productUrl($product)}reviews/",
                                            success: function(data) {
                                                $(".loading").remove();
                                                $('.review-block').append($(data).find('.ajax-load-review').html());
                                            }});
                                    </script>

				{/if}

				<!-- plugin hook: 'frontend_product.menu' -->
				{* @event frontend_product.%plugin_id%.menu *}
				{foreach $frontend_product as $_}{$_.menu}{/foreach}
			</div>

			{if $frontend_product}
			<div class="product-nav-block">
				<!-- plugin hook: 'frontend_product.block' -->
				{* @event frontend_product.%plugin_id%.block *}
				{foreach $frontend_product as $_}{$_.block}{/foreach}
			</div>
			{/if}

			<!-- RELATED PRODUCTS -->
			{$upselling = $product->upSelling(20)}
			{$crossselling = $product->crossSelling(20)}
			{if $upselling || $crossselling}
			{if $crossselling}
			<div class="related">

				<div class="h3 text-center">{sprintf('[`Customers who bought %s also bought`]', $product.name|escape)}
					{if $crossselling|count > 3}
					<span class="arrow">
						<a href="#" class="slider-product-next"><i class="fa fa-angle-left"></i></a>
						<a href="#" class="slider-product-prev"><i class="fa fa-angle-right"></i></a>
					</span>
					{/if}
				</div>


				{if $theme_settings.home_view == 'split' && $theme_settings.product_menu}
				<div class="row container-catalog main-slider-product-home-split">
					{else}
					<div class="row container-catalog main-slider-product-home">
						{/if}
						{include file="list-thumbs.html" products=$crossselling microsheme=false}
					</div>
				</div>
				{/if}
				{if $upselling}
				<div class="related">
					<div class="h3 text-center">[`See also`]</div>
					{if $theme_settings.home_view == 'split' && $theme_settings.product_menu}
					<div class="row container-catalog">
						{include file="list-thumbs.html" filter_fix=1  products=$upselling microsheme=false}
						{else}
						<div class="row container-catalog lazy-wrapper">
							{include file="list-thumbs.html" products=$upselling microsheme=false}
							{/if}

						</div>
					</div>
					{/if}
					{/if}
				</div>

				{if $theme_settings.home_view == 'split' && $theme_settings.product_menu}

			</div>
		</div>

		{/if}
		<script>
            ( function($) {
				zoomtype = {if $theme_settings.product_zoom}true{else}false{/if};
                $.getScript("{$wa_theme_url}product.js?v{$wa_theme_version}", function() {
                    $(".stocks").show();
                    if (typeof Product === "function") {
                        new Product('#cart-form{if $wa->get('cart')}-dialog{/if}', { currency: {json_encode($currency_info)}
                        	{if count($product.skus) > 1 or $product.sku_type} ,services: {json_encode($sku_services)}{/if}
                        	{if $product.sku_type},features: {json_encode($sku_features_selectable)}{/if}, skus: {$product.skus|json_encode}
                    	})
                    }
                });
            })(jQuery);
		</script>