{strip}

{if $wa->shop->cart->total() > 0}
	{$add2cart_label = $theme_settings.btn_cart_not_empty}
{else}
	{$add2cart_label = $theme_settings.btn_cart_empty}
{/if}

{if !empty($theme_settings.btn_cart_order)}
	{$preorder_label = $theme_settings.btn_cart_order}
{else}
	{$preorder_label = '[`Order `]'}
{/if}

{if !empty($theme_settings.stock_out_label)}
	{$stock_out_label = $theme_settings.stock_out_label}
{else}
	{$stock_out_label = '[`Out of stock`]'}
{/if}

{if !empty($theme_settings.stock_preorder_label)}
	{$stock_preorder_label = $theme_settings.stock_preorder_label}
{else}
	{$stock_preorder_label = '[`Pre-order only`]'}
{/if}

{*	ОПЦИЯ СКРЫТИЯ АРТИКУЛА, КОТОРОГО НЕТ В НАЛИЧИИ*}
{* 	Для скрытия артикула, которого нет в наличии, в обход настроек темы,
	укажите в строке ниже в кавычках 1 *}
{$hide_unavailable_skus = '1'}
{if !empty($theme_settings.hide_unavailable_skus)}
	{$hide_unavailable_skus = '1'}
{/if}
{* !!! Опция скрывает артикулы из "Вариантов покупки" !!! *}
{* !!! На артикулы из "Выбора параметров" опция не распространяется !!! *}






{*	ОПЦИЯ ОТОБРАЖЕНИЯ ДАТЫ ДОСТАВКЕ В БЛОКЕ ПОКУПКИ ТОВАРА	*}
{*	Показывает дату доставки, отталкиваясь от текущей даты + кол-во заданных дней	*}
{*	Чтобы включить опцию в обход настроек, в строке ниже в кавычках укажите 1	*}
{$show_delivery_message = ''}

{$delivery_message = ''}
{* 	Для задания заголовка даты доставки в обход настроек темы,
	удалите звёздочки в строке ниже и измените текст сообщения под себя *}
{*$delivery_message = '<i class="fa fa-truck"></i> <b>Доставка:</b>'*}

{$plus_day = ''}
{*	Для задания дней прибавки к текущей дате в обход настроек темы,
	удалите звёздочки в строке ниже и задайте число дней прибавки, необходимое вам	*}
{*$plus_day = '3'*}
{*	Например, если сегодня 1 сентября а plus_day = '3',
	то дата доставки будет отображаться на 4 сентября	*}

{if !empty($theme_settings.show_product_cart_delivery_message) || !empty($product.params.delivery_m)}
	{$show_delivery_message = '1'}
{/if}
{if !empty($theme_settings.product_cart_delivery_message)}
	{$delivery_message = $theme_settings.product_cart_delivery_message}
{/if}
{if !empty($product.params.delivery_m)}
	{$delivery_message = $product.params.delivery_m}
{/if}
{if !empty($theme_settings.product_cart_delivery_plus_day)}
	{$plus_day = $theme_settings.product_cart_delivery_plus_day}
{/if}
{if !empty($product.params.delivery_d)}
	{$plus_day = $product.params.delivery_d}
{/if}

{$delivery_date = time() + ($plus_day * 24 * 60 * 60)}





{*	ОПЦИЯ ДЛЯ ОТОБРАЖЕНИЯ ДАТЫ В РАЗДЕЛЕ ПОД ЗАКАЗ	*}
{*	Показывает дату доставки в строке ПОД ЗАКАЗ (если включена опция продажи под заказ в настройках Магазина),
	отталкиваясь от текущей даты + кол-во заданных дней	*}
{*	Чтобы включить опцию в обход настроек, в строке ниже в кавычках укажите 1	*}
{$show_pre_delivery_message = ''}

{$pre_delivery_message = ''}
{* 	Для задания заголовка даты доставки в обход настроек темы,
	удалите звёздочки в строке ниже и измените текст сообщения под себя *}
{*$pre_pre_delivery_message = '<i class="fa fa-truck"></i> <b>Доставка:</b>'*}

{$pre_plus_day = ''}
{*	Для задания дней прибавки к текущей дате в обход настроек темы,
	удалите звёздочки в строке ниже и задайте число дней прибавки, необходимое вам	*}
{*$pre_plus_day = '3'*}
{*	Например, если сегодня 1 сентября а pre_plus_day = '3',
	то дата доставки будет отображаться на 4 сентября	*}

{if !empty($theme_settings.show_product_cart_pre_delivery_message) || !empty($product.params.pre_delivery_m)}
	{$show_pre_delivery_message = '1'}
{/if}
{if !empty($theme_settings.product_cart_pre_delivery_message)}
	{$pre_delivery_message = $theme_settings.product_cart_pre_delivery_message}
{/if}
{if !empty($product.params.pre_delivery_m)}
	{$pre_delivery_message = $product.params.pre_delivery_m}
{/if}
{if !empty($theme_settings.product_cart_pre_delivery_plus_day)}
	{$pre_plus_day = $theme_settings.product_cart_pre_delivery_plus_day}
{/if}
{if !empty($product.params.pre_delivery_d)}
	{$pre_plus_day = $product.params.pre_delivery_d}
{/if}

{$pre_delivery_date = time() + ($pre_plus_day * 24 * 60 * 60)}

{$category_param_item = $wa->shop->category($product.category_id)}




<form class="flexdiscount-product-form" id="cart-form{if $wa->get('cart')}-dialog" data-cart="1{/if}" method="post" action="{$wa->getUrl('/frontendCart/add')}">


	{if !$wa->get('cart')}
	    <h4 class="product-sidebar-heading {$theme_settings.p_buy_block_heading}">
			{if !empty($theme_settings.remove_buy_in_title)}
				{$product.name|escape}
			{else}
				{sprintf('[`Buy %s`]',$product.name|escape)}
			{/if}
		</h4>
	{else}



		{* СОДЕРЖИМОЕ БЫСТРОГО ПРОСМОТРА *}

		{*АВТОБЕЙДЖИ*}
		{if !$product.badge && !empty($theme_settings.c_autobadges)}
			{*ПО ЦЕНЕ*}
			{if $product.compare_price && $product.compare_price > 0 && ($product.compare_price > $product.price) && empty($theme_settings.auto_discount)}
				{$product.badge = 'lowprice'}
				{$auto_discount = ''}
			{else}
				{$auto_discount = 'true'}
			{/if}

			{*ПО ВРЕМЕНИ*}
			{$new_days = $theme_settings.c_auto_new_days}
			{if (((time() - strtotime($product.create_datetime)) / (60*60*24)) < $new_days) && empty($auto_discount) && $product.badge !=='lowprice'}}
				{$product.badge = 'new'}
			{/if}
		{/if}
		{* / АВТОБЕЙДЖИ*}

		{if $product.badge == 'lowprice' || (empty($product.badge) && $product.compare_price && !empty($theme_settings.auto_discount) && !empty($theme_settings.c_autobadges))}
			{$border_class =' lowprice-header'}
		{elseif $product.badge == 'bestseller'}
			{$border_class =' bestseller-header'}
		{elseif $product.badge == 'new'}
			{$border_class =' new-header'}
		{else}
			{$border_class =''}
		{/if}

		<div class="product-preview-header{$border_class}">
			{* Заголовок в окне быстрого просмотра *}
			<h2 class="product-preview-heading">
				{$product.name|escape}
			</h2>

			{* Звёзды рейтинга *}
			{if !empty($product.rating) && $product.rating > 0}
				<span class="rating nowrap">
					{$wa->shop->ratingHtml($product.rating, 16)}
				</span>
			{/if}

			{* Ссылка на товар *}
			{if !empty($theme_settings.ib_pr_show_product)}
			<a href="{$wa->currentUrl(false, true)}" class="button highlight preview-button">
				{$theme_settings.ib_pr_show_product}
			</a>
			{/if}

			<div class="clearfix"></div>
			{* Краткое описание товара *}
			{if $product.summary}
		    	<div class="product-preview-summary">
					{if !empty($theme_settings.html_summary_enable)}
						{$product.summary}
					{else}
				    	{strip_tags($product.summary)|truncate:512}
					{/if}
		    	</div>
		    {/if}


			{* HTML бейджей *}
			<div class="corner bottom left badges-corner" style="bottom: -28px;display:inline-block;width:200px;">
				{if !empty($product.badge)}
	                {$wa->shop->badgeHtml($product.badge)}
	            {else}
	             	{*Процентная скидка*}
	             	{if $product.compare_price && $product.compare_price > 0 && !empty($theme_settings.auto_discount) && !empty($theme_settings.c_autobadges)}
	             		{$discount_value = 100 - (100/($product.compare_price/$product.price))}

             			<div class="badge low-price">
             				<span>
             					{if !empty($theme_settings.auto_discount_text)}
             						{$theme_settings.auto_discount_text}&nbsp;
             					{/if}
             					-{$discount_value|round}%
             				</span>
             			</div>
	             	{/if}
	            {/if}
            </div>
		</div>{*/product-preview-header*}


		{* ГАЛЕРЕЯ В БЫСТРОМ ПРОСМОТРЕ *}
    	{$thumb_count=0}
		{$count=0}

		{* SS7 берём видео из редактора *}
		{$video = $product->video}
        {if $video}
		    {$video = $product->getVideo(['96x96'])}
		{/if}

		{* Ограничение высоты изображений *}
		{if !empty($theme_settings.pslider_height_limit) && $theme_settings.pslider_height_limit !== 'auto'}
	        {$height_limit = 'max-height:'|cat:$theme_settings.pslider_height_limit|cat:'px;'}
	    {else}
	    	{$height_limit = ''}
	    {/if}
		{*ИЗОБРАЖЕНИЯ ГАЛЕРЕИ*}
		{if $theme_settings.pslider_height_limit > 200 }
			{$image_size = '750'}
		{elseif $theme_settings.pslider_height_limit < 101 }
			{$image_size = '96x96'}
		{else}
			{$image_size = '200'}
		{/if}

		<div class="modal-gallery">
			<div class="image">

				{* SS7 – ВИДЕО ИЗ РЕДАКТОРА В НАЧАЛЕ *}
	            {if !empty($video.url) && $theme_settings.ss_video == 'before'}
	            	<div class="ytVideo">
	            		<iframe data-count="{$count++}" data-image-id="ss_video" src="{$video.url}" width="{$video.width}" height="{$video.height}"  allowfullscreen></iframe>
	            	</div>
	            {/if}
	            {* / SS7 – ВИДЕО ИЗ РЕДАКТОРА В НАЧАЛЕ *}


	            {* ДОП. ПАРАМЕТРЫ – YOUTUBE В НАЧАЛЕ *}
	            {if !empty($product.params.video)}
	            	{$videos = $product.params.video}
	            	{assign var='videos' value=','|explode:$videos}
	            	{foreach $videos as $v}
	            		<div class="ytVideo">
	            		<iframe data-count="{$count++}" data-image-id="{$v}" width="420" height="315" src="//www.youtube.com/embed/{$v}?rel=0"  allowfullscreen></iframe>
	            		</div>
	            	{/foreach}
	            {/if}
	            {* / ДОП. ПАРАМЕТРЫ – YOUTUBE В НАЧАЛЕ *}

		    	{foreach $product.images as $image}
					<a id="product-image-{$image.id}"{if empty($theme_settings.pproduct_slider_cbox_enable)}class="nogal" {/if} data-image-id="{$image.id}" data-rel="gallery" data-count='{$count++}' href="{$wa->shop->imgUrl($image, '970')}"{if !empty($theme_settings.pproduct_image_description_popup)} title="{$image.description|escape}"{/if}>
						{$wa->shop->imgHtml($image, $image_size, [
							'itemprop' => 'image',
							'style' => $height_limit,
							'alt' => $image.description|escape
						])}
						{if $image.description && $theme_settings.pproduct_image_description !== 'false'}
							<div class="gallery-description {$theme_settings.pproduct_image_description}">
								{$image.description}
							</div>
						{/if}

					</a>
		    	{/foreach}

				{* SS7 – ВИДЕО ИЗ РЕДАКТОРА В КОНЦЕ *}
	        	{if !empty($video.url) && $theme_settings.ss_video == 'after'}
	        		<div class="ytVideo">
	        			<iframe data-count="{$count++}" data-image-id="ss_video" src="{$video.url}" width="{$video.width}" height="{$video.height}"  allowfullscreen></iframe>
	        		</div>
	        	{/if}
	        	{* / SS7 – ВИДЕО ИЗ РЕДАКТОРА В КОНЦЕ *}


	        	{* ДОП. ПАРАМЕТРЫ – YOUTUBE В КОНЦЕ *}
	        	{if !empty($product.params.video_)}
	        		{$videos_ = $product.params.video_}
	        		{assign var='videos_' value=','|explode:$videos_}
	        		{foreach $videos_ as $v_}
	        			<div class="ytVideo">
	        			<iframe data-count="{$count++}" data-image-id="{$v_}?rel=0" width="420" height="315" src="//www.youtube.com/embed/{$v_}?rel=0"  allowfullscreen></iframe>
	        			</div>
	        		{/foreach}
	        	{/if}
	        	{* / ДОП. ПАРАМЕТРЫ – YOUTUBE В КОНЦЕ *}

			</div>{*/image*}

			{* Миниатюры галереи *}
			{if $theme_settings.pproduct_slider_thumbs == 'thumbs'}
	    		{if count($product.images) > 1 || (count($product.images) === 1 && !empty($video.url)) || (!empty($product.params.video) || !empty($product.params.video_)) }
	            	{$count=0}
	            	<div class="mslider_thumbs slider_thumbs">

	            		{* SS7 – МИНИАТЮРЫ ВИДЕО ИЗ РЕДАКТОРА В НАЧАЛЕ *}
	            		{if !empty($video.url) && $theme_settings.ss_video == 'before'}
	        				<img src="{$video.images[0]}" alt="" data-count='{$count++}' data-image-id="ss_video">
	            		{/if}
	            		{* / SS7 – МИНИАТЮРЫ ВИДЕО ИЗ РЕДАКТОРА В НАЧАЛЕ *}


	            		{* ДОП. ПАРАМЕТРЫ – МИНИАТЮРЫ YOUTUBE В НАЧАЛЕ ГАЛЕРЕИ *}
	            		{if !empty($product.params.video)}
	            			{foreach $videos as $v}
	            				<img src="//img.youtube.com/vi/{$v}/default.jpg" alt="" data-count='{$count++}' data-image-id="{$v}">
	            			{/foreach}
	            		{/if}
	            		{* ДОП. ПАРАМЕТРЫ – МИНИАТЮРЫ YOUTUBE В НАЧАЛЕ *}

		            	{foreach $product.images as $image}
	            			{$wa->shop->imgHtml($image, '96x96', [
	            				'itemprop' => 'image',
	            				'alt' => $image.description|escape,
	            				'data-image-id' => $image.id,
	            				'data-count' => $count++
	        				])}
		            	{/foreach}

		            	{* SS7 – МИНИАТЮРЫ ВИДЕО ИЗ РЕДАКТОРА В КОНЦЕ *}
		            	{if !empty($video.url) && $theme_settings.ss_video == 'after'}
	            			<img src="{$video.images[0]}" alt="" data-count='{$count++}' data-image-id="ss_video">
		            	{/if}
		            	{* / SS7 – МИНИАТЮРЫ ВИДЕО ИЗ РЕДАКТОРА В КОНЦЕ *}


		            	{* ДОП. ПАРАМЕТРЫ – МИНИАТЮРЫ YOUTUBE В КОНЦЕ *}
		            	{if !empty($product.params.video_)}
		            		{foreach $videos_ as $v_}
		            			<img src="//img.youtube.com/vi/{$v_}/default.jpg" alt="" data-count='{$count++}' data-image-id="{$v_}">
		            		{/foreach}
		            	{/if}
		            	{* ДОП. ПАРАМЕТРЫ – МИНИАТЮРЫ YOUTUBE В КОНЦЕ ГАЛЕРЕИ *}
		            </div>{*/mslider_thumbs*}
	            {/if}
	        {/if}


		</div>{*/modal-gallery*}

		<script>
			var powl = $('.modal-gallery .image');
			powl.owlCarousel({
				singleItem: true,
				autoHeight: true,
				itemsScaleUp:true,
			{if !empty($theme_settings.pproduct_slider_nav)}
				navigation: true,
			{/if}
				navigationText: ["<i class='fa fa-angle-left'></i>","<i class='fa fa-angle-right'></i>"],
				addClassActive: true,
				{if $theme_settings.pproduct_slider_thumbs == 'thumbs'}
					afterAction : syncPosition,
					pagination:false,
				{/if}
				{if $theme_settings.pproduct_slider_thumbs == 'hide'}
					pagination:false,
				{/if}

				afterInit: function() {
					$('.modal-gallery .image').animate({ 'opacity': '1' }, 500);
				},
			});


			{* Превью слайдера *}
			function syncPosition(el){
			var current = this.currentItem;
			$(".mslider_thumbs")
			  .find("img")
			  .removeClass("synced")
			  .eq(current)
			  .addClass("synced")
			};

			$(".mslider_thumbs").on("click", "img", function(e){
				e.preventDefault();
				var number = $(this).data("count");
				powl.trigger("owl.goTo",number);
			});

			{* / Превью слайдера *}


			{*Прыжки изображений по артикулам*}
			$('.skus input:radio').change(function() {
				var slideId = $(this).attr('data-image-id');

				if (slideId !== 'null') {
					var slidernum = $('.image').find('a[data-image-id="'+slideId+'"]').data("count");
					powl.trigger('owl.jumpTo', slidernum);
				}
			});

			{*Активация галереи*}
			var p_simplelightbox = $('.modal-gallery .image a').simpleLightbox({
				animationSpeed: 200,
				swipeTolerance: 10,
				widthRatio: 0.95,
				heightRatio: 0.95,
				captionSelector: 'self',
				closeText: '<i class="fa fa-times"></i>',
				navText: ['<i class="fa fa-chevron-left"></i>','<i class="fa fa-chevron-right"></i>'],
			});


			p_simplelightbox.on('shown.simplelightbox', function () {
			  $('html').addClass('enable_lock');
			  $('.main_wrapper').addClass('filter');
			  if (retina_url == true) {
				  $('.sl-image img').retina();
			  }
			});

			p_simplelightbox.on('changed.simplelightbox', function () {
			  if (retina_url == true) {
				  $('.sl-image img').retina();
			  }
			});

			p_simplelightbox.on('closed.simplelightbox', function () {
			  $('html').removeClass('enable_lock');
			  $('.main_wrapper').removeClass('filter');
			});
		</script>
    {/if}
	{* / КОНЕЦ ШАПКИ И ГАЛЕРЕИ БЫСТРОГО ПРОСМОТРА*}

{if $wa->get('cart')}<div class="modal-side">{/if}

{* Краткое описание на странице товара исключено из быстрого просмотра *}
{if !$wa->get('cart')}
	{* Вывод бренда над описанием. Плагин https://www.webasyst.ru/store/plugin/shop/productbrands/
	{$_b = shopProductbrandsPlugin::productBrand($product.id)}
	{if $_b}
		<div class="align-center">
			<a href="{$_b.url}">
				{if $_b.image}
					<img src="{$wa_url}wa-data/public/shop/brands/{$_b.id}/{$_b.id}{$_b.image}" style="width: 100px;">
				{else}
					{$_b.name}
				{/if}
			</a>
		</div>
	{/if}
	*}

    {if $product.summary}
    	<div class="product-sidebar-summary" data-speed="300">
			{if !empty($theme_settings.html_summary_enable)}
				{$product.summary}
			{else}
		    	{strip_tags($product.summary)|truncate:512}
			{/if}
    	</div>
    {/if}
{else}
	{* ХАРАКТЕРИСТИКИ В БЫСТРОМ ПРОСМОТРЕ *}
	{*
	{if $product.features}
		<h3>[`Features`]</h3>
		<div class="quick-features">
			<table class="zebra hover" id="product-features">
				{foreach $product.features as $f_code => $f_value}
					{if strpos($f_code, '_') !== 0}
						<tr{if $features[$f_code].type == 'divider'} class="divider"{else} itemprop="additionalProperty" itemscope itemtype="http://schema.org/PropertyValue"{/if}>
							<td class="name" itemprop="name">
								{$features[$f_code].name|escape}
							</td>
							<td class="value" itemprop="value">
								{if is_array($f_value)}
									{if $features[$f_code].type == 'color'}
										{implode('<br /> ', $f_value)}
									{else}
										{implode(', ', $f_value)}
									{/if}
								{else}
									{$f_value}
								{/if}
							</td>
						</tr>
					{/if}
				{/foreach}
			</table>
		</div>
	{/if}
	*}

	{*	Усечённое описание товара в быстром просмотре
	{if $product.description}
		<div style="padding: 0 15px 0 0">
			{$product.description|truncate:512}<br>
			<a href="{$wa->currentUrl()|replace:'?cart=1':''}" class="button small gray">Читать далее</a>
		</div>
		<div class="clearfix"></div>
	{/if}
	*}

{/if}


{* Общая часть: и вы быстром просмотре и на странице товара *}

    {if !empty($theme_settings.show_sku_heading)}
		<div class="sku_heading">
	    {foreach $product.skus as $sku}
	        {if $sku.sku}
				<meta itemprop="sku" content="{$sku.sku_id}" />
	        	<div data-sku-id="{$sku.id}" style="display:{if $sku.id == $product.sku_id} block{else} none{/if};">
	        		{if !empty($theme_settings.sku_heading_text)}<b class="h5">{$theme_settings.sku_heading_text}</b>{/if}<b>{$sku.sku|escape}</b>
	        	</div>
	        {/if}
	    {/foreach}
		</div>
	{/if}


	{*Плагин http://www.webasyst.ru/store/plugin/shop/kod/*}
	{if class_exists(shopKodPlugin)}
		<div style="padding: 10px 15px 0;"><b>{shopKodPlugin::kod($product.sku_id)}</b></div>
	{/if}




    {if $product.sku_type}

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

		{*	Плагин Картинки как на али
			https://www.webasyst.ru/store/plugin/shop/alaali/
			Для подключения плагина замените строку {$show_alaali = ''} ниже
			на строку {$show_alaali = '1'}
		*}
		{$show_alaali = ''}



        {if $theme_settings.selectable_features_control == 'inline'}
            <div class="options">
				{if !empty($theme_settings.show_alaali)}{$show_alaali = '1'}{/if}
				{if !empty($show_alaali) && shopAlaaliHelper::getFeaturesImg($product.id)}
					{$feature_images = shopAlaaliHelper::getFeaturesImg($product.id)}
					{* С включенным alaali плагином *}
					{foreach $features_selectable as $f}
			            <div class="inline-select{if $f.type == 'color'} color{/if}">
							<b class="choose">[`Choose`] {$f.name}: </b><span class="choose_name"></span><br>
			                {foreach $f.values as $v_id => $v}
			                	{if !isset($default_sku_features[$f.id])}{$default_sku_features[$f.id]=$v_id}{/if}
				                {if in_array($v_id,$feature_images[$f.id]['id'])}
				                    {$v_img = "<img src='"|cat:$feature_images[$f.id]['img'][$v_id]|cat:"' title='"|cat:$feature_images[$f.id]['value'][$v_id]|cat:"' class='alaali_img'>"}
				                {/if}
								{if in_array($v_id,$feature_images[$f.id]['id'])}
									{* если картинка есть *}
									<a data-value="{$v_id}" href="#" class="alaali-image{if $v_id == ifset($default_sku_features[$f.id])} selected{/if}" style="margin-right:3px;{if $f.type == 'color'}{$v->style};{/if}">
				                        {if in_array($v_id,$feature_images[$f.id]['id'])}
				                            {$v_img}
				                            <span class="color_name" style="display:none;">{strip_tags($v)}</span>
				                        {else}
				                            <span>{if $f.type !== 'color'}{$v}{else}{strip_tags($v)}{/if}</span>
				                        {/if}
				                    </a>
								{else}
									{*если картинки нет*}
									<a data-value="{$v_id}" href="#" class="button gray crop{if $f.type == 'color'} color{/if}{if $v_id == ifset($default_sku_features[$f.id])} selected{/if}" style="margin-right:3px;{if $f.type == 'color'}{$v->style};" title="{strip_tags($v)}{/if}">
										{if $f.type == 'color'}<i class="fa fa-check"></i>{/if}
										<span>{if $f.type !== 'color'}{$v}{else}{strip_tags($v)}{/if}</span>
									</a>
								{/if}
			                {/foreach}
			                <input type="hidden" data-feature-id="{$f.id}" class="sku-feature" name="features[{$f.id}]" value="{ifset($default_sku_features[$f.id])}">
			            </div>
			        {/foreach}
				{else}
					{* Без alaali плагина *}
					{foreach $features_selectable as $f}
	                    <div class="inline-select{if $f.type == 'color'} color{/if}">
		                    <b class="choose">[`Choose`] {$f.name}: </b><span class="choose_name"></span><br>
	                        {foreach $f.values as $v_id => $v}
	                            {if !isset($default_sku_features[$f.id])}{$default_sku_features[$f.id]=$v_id}{/if}
	                            <a data-value="{$v_id}" href="#" class="button gray crop{if $f.type == 'color'} color{/if}{if $v_id == ifset($default_sku_features[$f.id])} selected{/if}" style="margin-right:3px;{if $f.type == 'color'}{$v->style};" title="{strip_tags($v)}{/if}">
	                                {if $f.type == 'color'}<i class="fa fa-check"></i>{/if}
	                                <span>{if $f.type !== 'color'}{$v}{else}{strip_tags($v)}{/if}</span>
	                            </a>
	                        {/foreach}
	                        <input type="hidden" data-feature-id="{$f.id}" class="sku-feature" name="features[{$f.id}]" value="{ifset($default_sku_features[$f.id])}">
	                    </div>
	                {/foreach}
				{/if}
            </div>
        {else}
            <div class="options">
                {foreach $features_selectable as $f}
                    {$f.name}:&nbsp;
                    <select data-feature-id="{$f.id}" class="sku-feature" name="features[{$f.id}]">
                        {foreach $f.values as $v_id => $v}
                        <option value="{$v_id}" {if $v_id == ifset($default_sku_features[$f.id])}selected{/if}>{$v}</option>
                        {/foreach}
                    </select>
                    <br>
                {/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}">
				<meta itemprop="url" content="{$wa->currentUrl(true)}">
				<meta itemprop="sku" content="{$sku.name|escape}">

                {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}

			{$radio_to_select = ''}
			{if !empty($radio_to_select)}
	            {*SKU radio buttons with select*}
				<div class="product-sidebar-summary">
					<select 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)}
						{if $sku_available == 0 && !empty($hide_unavailable_skus)}
						{else}
							<option value="{$sku.id}"{if !$sku_available} disabled data-disabled="1"{/if}{if $sku.id == $product.sku_id} checked="checked"{/if}>{$sku.name|escape} - {shop_currency_html($sku.price, $product.currency)}</option>
						{/if}
						{/foreach}
					</select>
				</div>
				<script>
					$('select.skus').change(function() {
						var id = $(this).find('option:checked').val();
						$('ul.skus').find('input[value='+ id +']').prop('checked', true).click();
					});
				</script>
			{/if}

			{* SKU radio buttons *}
            <ul class="skus"{if !empty($radio_to_select)} style="display:none;"{/if}>
                {foreach $product.skus as $sku}
                {$sku_available =  $product.status && $sku.available && ($wa->shop->settings('ignore_stock_count') || $sku.count === null || $sku.count > 0)}
				{if $sku_available == 0 && !empty($hide_unavailable_skus)}
				{else}
	                <li itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="label-holder">
	                    <label class="styling {if !$sku.available}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="{if $sku.price > 0}{shop_currency($sku.price, $product.currency, null, 0)}{else}[`On request`]{/if}"{if $sku.image_id} data-image-id="{$sku.image_id}"{else} data-image-id="null"{/if}>

		                    <span itemprop="name" class="label-text">{$sku.name|escape}</span>
		                    {if empty($theme_settings.show_sku_heading)}
			                    {if $sku.sku}<span class="hint">{$sku.sku|escape}</span>{/if}
			                {/if}
		                    <meta itemprop="price" content="{$sku.price}">
		                    <meta itemprop="priceCurrency" content="{$product.currency}">
							<meta itemprop="sku" content="{$product.sku_id}">
							<meta itemprop="url" content="{$wa->currentUrl(true)}">
							{if $sku.price > 0}
			                    <span class="price tiny nowrap">{shop_currency_html($sku.price, $product.currency)}</span>
							{else}
								<span class="price tiny nowrap">[`On request`]</span>
							{/if}
		                    {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}
				{/if}
                {/foreach}
            </ul>

        {else}

            {* in case there is only one SKU, don't display the selector *}
            <div class="onesku" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
                {$sku = $product.skus[$product.sku_id]}

                {*
                {if empty($theme_settings.show_sku_heading)}
	                {if $sku.sku}<span class="hint">{$sku.sku|escape}</span>{/if}
                {/if}
                *}

                {if $sku.name}<meta itemprop="name" content="{$sku.name|escape}">{/if}
                <meta itemprop="price" content="{$sku.price}">
                <meta itemprop="priceCurrency" content="{$product.currency}">
				<meta itemprop="url" content="{$wa->currentUrl(true)}">
                {if !$sku.available}
                <link itemprop="availability" href="http://schema.org/Discontinued" />

                {if empty($theme_settings.hide_stocks_info)}
                	<p class="hint bold">[`This product is not available for purchase`]</p>
                {/if}

                {elseif !$wa->shop->settings('ignore_stock_count') && !($sku.count === null || $sku.count > 0)}

                <link itemprop="availability" href="http://schema.org/OutOfStock" />
                {if empty($theme_settings.hide_stocks_info)}
	                <div class="stocks">
		                {if $wa->shop->settings('ignore_stock_count')}
		                	<span class="red"><i class="fa fa-check"></i> {$stock_preorder_label}{if !empty($show_pre_delivery_message)} {$pre_delivery_message}{if !empty($pre_plus_day)}{$pre_delivery_date|wa_datetime:"humandate"}{/if}{/if}</span>
		                {else}
		                	<span class="red"><i class="fa fa-times"></i> {$stock_out_label}</span>
		                {/if}
		            </div>
		        {/if}
                {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}

    <!-- stock info -->
    {if empty($theme_settings.hide_stocks_info)}
    {if $product_available || count($product.skus) > 1}
        <div class="stocks">
			{*
				much – ЗЕЛЕНЫЙ: когда товара слишком много (больше 100 шт.), то кол-во не показывается.
				low - ЖЁЛТЫЙ: скоро закончится, если товара менее 5 шт.
				critical - КРАСНЫЙ: осталось совсем мало, если меньше 2 шт.
			*}
            {function name=in_stock n=0 much=100 low=5 critical=2}
                {if $n > $low or $n === null}
                    <span class="green"><i class="fa fa-check"></i> [`In stock`] {if $n !== null && $n < $much}({$n} [`items`]){/if}</span>
                {elseif $n > $critical}
                    <span class="yellow"><i class="fa fa-check"></i> [`In stock`] {if $n !== null}({$n} [`items`]){/if}</span>
                {elseif $n > 0}
                    <span class="red"><i class="fa fa-check"></i> {_w("Only %d left in stock", "Only %d left in stock", $n)}</span>
                {else}
                    {if $wa->shop->settings('ignore_stock_count')}
                    	<span class="yellow"><i class="fa fa-check"></i> {$stock_preorder_label}{if !empty($show_pre_delivery_message)} {$pre_delivery_message}{if !empty($pre_plus_day)}{$pre_delivery_date|wa_datetime:"humandate"}{/if}{/if}</span>
                    {else}
                    	<span class="red"><i class="fa fa-times"></i> {$stock_out_label}</span>
                    {/if}
                {/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}
                            <span class="stock-name">{$stock.name}: </span>
                            <span class="stock-info">{in_stock n=$stock_count low=$stock.low_count critical=$stock.critical_count}</span>
                            <br>
                        {/foreach}
                    {else}
                        {in_stock n=$sku.count}
                    {/if}
                </div>
            {/foreach}
            {if $product.sku_type}
            <div class="sku-no-stock">
                <strong class="stock-none">[`Product with the selected option combination is not available for purchase`]</strong>
            </div>
            {/if}
        </div>{* stocks *}
    {/if}
    {/if}

	{if !empty($show_delivery_message) && $product_available && !empty($plus_day)}
		<div class="delivery-message" style="padding:20px 15px 15px;">
			{$delivery_message}{if $plus_day !== '999'} <span class="">{$delivery_date|wa_datetime:"humandate"}</span>{else}Сегодня{/if}
		</div>
	{/if}

	{* Сколько дней прибавить для всех товаров *}
	{$plus_samo_day = '1'}
	{* Если есть доп. параметр, то переписать день этим доп. параметром *}
	{*
	{if !empty($product.params.plus_samo_day)}
	    {$plus_samo_day = $product.params.plus_samo_day}
	{/if}
	{$samo_date = time() + ($plus_samo_day * 24 * 60 * 60)}
	{if $product_available && !empty($plus_samo_day)}
		<div class="delivery-message" style="padding:20px 15px 15px;">
	   		Самовывоз: {if $plus_samo_day !== '999'}<span>{$samo_date|wa_datetime:"humandate"}</span>{else}Сегодня{/if}
		</div>
	{/if}
	*}

	{if $services}
	<!-- services -->
	<div class="clearfix"></div>
	<div class="services label-holder">
		{foreach $services as $s}
		<div class="service-{$s.id}">
			<label class="styling">
				<input data-price="{shop_currency($s.price, $s.currency, null, 0)}" {if !$product_available}disabled="disabled"{/if} type="checkbox" name="services[]" value="{$s.id}">
					<span class="label-text">{$s.name|escape}</span>
					{if $s.price && !isset($s.variants)}&nbsp;+<span class="service-price nowrap">{shop_currency_html($s.price, $s.currency)}</span>{/if}
			</label>
			{if isset($s.variants)}
			<br>
			<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="clearfix"></div>



        <!-- price -->
        <div class="add2cart align-center{if !empty($theme_settings.enable_flying_to_cart)} flying{/if}{if !empty($theme_settings.enable_jumping_cart)} jumping{/if}{if !empty($theme_settings.enable_flash_cart)} flash{/if}" data-request="[`On request`]">

			{*
			<div class="price_holder{if $product_available && $product.count == '0'} hidden{/if}">
			Замените строку ниже, строкой выше, если хотите скрыть цену товара при отсутствии товара *}
			<div class="price_holder">
				{*Цена из доп.параметра*}
				{if !empty($product.params.price)}
					<span class="price nowrap">{$product.params.price}</span>
					<span data-price="{shop_currency($product.price, null, null, 0)}" class="price nowrap" style="display: none;">{shop_currency_html($product.price)}</span>
				{else}
					{if $product.compare_price > 0}<span class="compare-at-price nowrap"> {shop_currency_html($product.compare_price)} </span>{/if}
					{if $sku.price > 0}
						<span data-price="{shop_currency($product.price, null, null, 0)}" class="price nowrap">{shop_currency_html($product.price)}
							{if !empty($product.params.price_item)}
								&nbsp;{$product.params.price_item}
							{else}
								{if !empty($category_param_item.params.price_item)}
									&nbsp;
									{$category_param_item.params.price_item}
								{/if}
							{/if}
						</span>
					{else}
						<span data-price="{shop_currency($product.price, null, null, 0)}" class="price nowrap">[`On request`]</span>
					{/if}
				{/if}

				{* Плагин "Гибкие скидки"
				 * Ссылка: http://www.webasyst.ru/store/plugin/shop/flexdiscount/
				 * Plugin "Flexdiscount"
				 *}
				{if class_exists('shopFlexdiscountPluginHelper') && shopDiscounts::isEnabled('flexdiscount')}
					{shopFlexdiscountPluginHelper::getProductDiscounts($product, 5)}
					{shopFlexdiscountPluginHelper::price($product)}
				{/if}

	            <input type="hidden" name="product_id" value="{$product.id}">

			</div>{* price_holder *}


            {* КОЛ-ВО *}
            {if $product_available && !empty($theme_settings.show_qty_in_product)}

			{if !empty($product.params.qty_min)}
				{$qty_min = $product.params.qty_min}
			{else}
				{if !empty($category_param_item.params.qty_min)}
					{$qty_min = $category_param_item.params.qty_min}
				{else}
					{* замените 1 в этой переменной на переменную минимума из соответствующего плагина *}
					{$qty_min = 1}
				{/if}
			{/if}

			{if !empty($product.params.qty_step)}
				{$qty_step = $product.params.qty_step}
			{else}
				{if !empty($category_param_item.params.qty_step)}
					{$qty_step = $category_param_item.params.qty_step}
				{else}
					{* замените 1 в этой переменной на переменную кратности из соответствующего плагина *}
					{$qty_step = 1}
				{/if}
			{/if}

            <div class="item-qty">
	            <span class="qty">
	                <a href="#" data-input-stepper-decrease data-decrease="{$qty_step}"><i class="fa fa-minus"></i></a>
	                <input type="number" name="quantity" value="1" min="{$qty_min}" {if !$wa->shop->settings('ignore_stock_count') && $product.count}max="{$product.count}"{/if}>
	                <a href="#" data-input-stepper-increase data-increase="{$qty_step}"><i class="fa fa-plus"></i></a>
	            </span>

	            <script>
	            	$(document).trigger('product_cart');
		        </script>
	        </div>{* item-qty *}
	        {/if}

				<button type="submit"{if !$product_available} disabled="disabled"{/if} class="button product_cart_button">
					<i class="extra-icon-cart4"></i>&nbsp;
					<span>
						{if $product_available && !empty($theme_settings.c_preorder) && $product.count == '0'}
							{$preorder_label}
						{else}
						    {$add2cart_label}
						{/if}
					</span>

					{if class_exists('shopIncartsPlugin')}
					{* 	Плагин: https://www.webasyst.ru/store/plugin/shop/incarts/ *}
					{* 	В настройках плагина класс для кнопки: gray
						Текст на месте добавления кода не поддерживается *}
						<div class="hidden">{shopIncartsPlugin::showInfo($product.id)}</div>
					{/if}
				</button>


            {* Кнопки избранного и сравнения *}
            {include file="product.fav-buttons.html" inline}


            {if class_exists('shopQuickorderPlugin')}
	            {if !empty($frontend_product['quickorder-plugin'].cart)}
	                {$quickorder_settings = shopQuickorderPlugin::getQuickorderSettings()}
	                {if !empty($quickorder_settings['enable_frontend_product_hook'])}
	                	<br><br>
	                    {$frontend_product['quickorder-plugin'].cart}
	                {/if}
	            {/if}
			{/if}



			{if $wa->get('cart')}
				<!-- plugin hook: 'frontend_product.cart' -->
				{* @event frontend_product.%plugin_id%.cart *}
				{foreach $frontend_product as $plugin_name => $_}

				{*	Для вывода определённого плагина
					в окне быстрого просмотра замените
					в строке ниже hooks на имя этого плагина (-plugin должно остаться) *}

					{if $plugin_name == 'hooks-plugin'}
						<div class="cart-plugin">
							{$_.cart}
						</div>
					{/if}
				{/foreach}
			{/if}

        </div>
    </div>

{if $wa->get('cart')}
	</div>{*/modal-side*}
	<div class="clearfix"></div>
{/if}




</form>

<script>
    ( function($) {
        $.getScript("{$wa_theme_url}product.min.js?v{$wa_theme_version}", function() {
            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}
                });
            }
        });
    })(jQuery);
</script>
{/strip}