#set($productimage = $mediaarchive.getAsset($product.image))
#set( $msize = "$home$cataloghome/downloads/preview/medium/$productimage.sourcepath/thumb.jpg")

<div class="row">
	<div class="col-md-12">
		<ol class="breadcrumb">
		  <li><a href="javascript:goback()">Back</a></li>
		  <li><a href="$home$apphome$storehome/">All products</a></li>
		  #if($product.productcategory)
		  	#set($cat = $mediaarchive.getData("productcategory", $product.productcategory))
			<li><a href="$apphome$storehome/search/fieldsearch.html?field=learningcategory&learningcategory.value=${cat.id}&operation=exact">$!cat.name</a></li>
		  #end
		</ol>
	</div>
</div>

<div class="row">
   <div class="col-md-4">
	     <a href="#" class="ajaxDialog" data-title="$product.name" data-target="$home$apphome$storehome/layout/imagelarge.html?productid=${product.id}">
	        <img class="featurette-image img-responsive" src="$msize" data-src="holder.js/500x500/auto" alt="500x500">
	     </a>
		<p > <!-- class="draft text-center" -->
			<a href="#" class="ajaxDialog" data-title="$product.name" data-target="$home$apphome$storehome/layout/imagelarge.html?productid=${product.id}">
				<span class="fas fa-zoom-in">Zoom</span>
			</a>
		</p>
	</div>
	<div class="col-md-6">
		<h2 class="featurette-heading">$product.getName() <span class="text-muted">$!product.tagline</span></h2>
	  	
	  	###$pages.include("$apphome$storehome/products/${product.id}.html")
		
		#if($canedit)
		  <a class="oe-dataedit" data-target="#edit-$product.id"  href="#">Edit</a>
		#end
		
        <p class="lead" id="edit-$product.id" data-dataid="$product.id" data-field="descrip" data-searchtype="product">
       		$!product.descrip
        </p>
        
       	$pages.stream("$apphome$storehome/layout/productsizeandcolors.html")
		###$pages.stream("$apphome$storehome/layout/productoptions.html")
		
		###<hr>
		
		
		
	</div>
	<div class="col-md-2">
		<div class="product-details-box">
			$pages.include("/$applicationid$storehome/layout/productpages/distributor/price.html",$context)
		</div>
		<div class="product-details-box">
			$pages.include("/$applicationid$storehome/layout/productpages/distributor/details.html",$context)
		</div>
		<div class="product-details-box">
			$pages.include("/$applicationid$storehome/layout/productpages/distributor/carrier.html",$context)
		</div>
	</div>
</div>
<div class="row">
	<hr>
</div>

<script>
function goback() {
    history.go(-1);
}
</script>