{extends 'template:base'}
{block 'section'}
<article>
	<div class="container-fluid">
		<div class="row">
			<!-- Хлебные крошки -->
			<div class="col-xs-12">
				<ol class="breadcrumb"><li class="breadcrumb-item"><a href="katalog-tovarov.html">Каталог товаров</a></li>
<li class="breadcrumb-item"><a href="katalog-tovarov/moyushhie-sredstva-i-ximiya/">Моющие средства и химия</a></li>
<li class="breadcrumb-item"><a href="katalog-tovarov/moyushhie-sredstva-i-ximiya/uborka-pomeshhenij-/-klining/">Уборка помещений / клининг</a></li>
<li class="breadcrumb-item"><a href="katalog-tovarov/moyushhie-sredstva-i-ximiya/uborka-pomeshhenij-/-klining/dlya-dereva,-stali-i-kozhi/">Для дерева, стали и кожи</a></li>
<li class="breadcrumb-item active">Kiilto Visionoil Очищающая эмульсия, 410201</li></ol>
			</div><!-- Хлебные крошки -->
			<form class="form-horizontal ms2_form" method="post">
			    <input type="hidden" name="id" value="3601" />
    			<div class="col-md-5 col-xs-12">
    				<div id='carousel-custom' class='carousel slide carousel-fade card-product_slide' data-ride='carousel'>
    <div id="msGallery">
    <div class='carousel-outer'>
        <!-- me art lab slider -->
        <div class='carousel-inner'>
                <div class='item active'>
                	<img style="max-width:293px" src="/assets/images/products/3601/360x370/photo.jpg" height="150" alt="Kiilto Visionoil Очищающая эмульсия, 410201" id="mainImage" />
                </div>
            	<ol class='carousel-indicators mCustomScrollbar meartlab'>
            		<li data-target='#carousel-custom' data-slide-to='1'>
	<a href="/assets/images/products/3601/photo.jpg" class="thumbnail" data-image="/assets/images/products/3601/photo.jpg">
		<img src="/assets/images/products/3601/120x90/photo.jpg" alt="" title="photo.jpg" width="120" height="90">
		<div class="carousel-indicators_bg"></div>
	</a>
</li>
                </ol>
        </div>
    </div>
    </div>
</div>
    			</div>
    			<div class="col-md-7 col-xs-12">
    				<div class="row">
    					<div class="col-xs-12">
    						<h1 class="title-product">{$_modx->resource.pagetitle}</h1>
    						
    						
    						<div class="product-price"><p><span>427.20</span> руб.</p></div>
    						
    						<div class="vendor-code"><p>Артикул:<span>{$article}</span></p></div>
    					</div>
    					<div class="col-md-10 col-xs-12">
    						<div class="number">
    							<p>Количество</p>
    							<div class="btn-group btn-group-justified">
    			                    <span class="minus" data-count="1">-</span>
    			                    <input type="text" name="count" value="1" size="3" readonly>
    			                    <span class="plus" data-count="1">+</span>
    			                </div>
    						</div>
    						
    						<div class="form-group">
        						<button type="submit" class="btn-basket btn-green" name="ms2_action" value="cart/add">
        						    <i class="fa fa-shopping-cart" aria-hidden="true"></i><span class="navbar-bottom_btn--pipe">|</span><span>В корзину</span>
        						</button>
        					</div>
        				     
    					</div>
    					<div class="download-doc col-xs-12">
    						<a href=""><i class="fa fa-file-pdf-o" aria-hidden="true"></i>Cведения о продукции</a>
    						
    						
    					</div>
    				</div>
    			</div>
    			
			</form>
			<div class="card-product_tabs col-xs-12">
				<ul role="tablist">
					<li class="active"><a href="#description" aria-controls="description" role="tab" data-toggle="tab">Описание</a></li>
					<li><a href="#characteristics" aria-controls="characteristics" role="tab" data-toggle="tab">Характеристики</a></li>
					<li><a href="#reviews" aria-controls="reviews" role="tab" data-toggle="tab">Отзывы<span></span></a></li>
				</ul>
			</div>
			<div class="card-product_tabs-content col-md-8 col-xs-12">
				<div class="tab-content">
					<div role="tabpanel" class="tab-pane active" id="description">
					    <!--noindex-->
						<p>Готовое к применению связывающее пыль и моющее средство для деревянных и кожаных поверхностей.</p>
						<!--/noindex-->
					</div>
					<div role="tabpanel" class="tab-pane" id="characteristics">
						<table class="table table-hover">
							<tr>
								<th colspan="2">Свойства</th>
							</tr>
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
						</table>
					</div>
					
					    {$modx->runSnippet('TicketComments',[
                        'tplComments'=>'tpl.Tickets.comment.wrapper.copy',
                        'tplCommentAuth'=>'tpl.Tickets.comment.one.auth.copy',
                        'allowGuest'=>'1',
                        ])}
						</div>
					</div>
				</div>
			</div>

			
			
			<section class="compatible-products">
				<div class="col-xs-12">
					<h2 class="section-title">Совместимые продукты</h2>
				</div>
				<div class="col-xs-12">
					<div class="wrapper">
						<div class="wrapper_content">
						    
						</div>
					</div>
				</div>
			</section>
			
		
		</div>
	</div>
</article>
{/block}