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

	<form action="$home$apphome$storehome/shoppingbag.html" name="shop" id="shop" method="post" >
	
<div class="row featurette">
        <div class="col-md-5">
        <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>
              
              
                <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>
        
        </div>
        <div class="col-md-7">
          <h2 class="featurette-heading">$product.getName() <span class="text-muted">$!product.tagline</span></h2>
	  $pages.include("$apphome$storehome/products/${product.id}.html")
          <p class="lead">$product.descrip</p>
<p>
          	##$pages.stream("$apphome$storehome/layout/productsizeandcolors.html")
			$pages.stream("$apphome$storehome/layout/productoptions.html")
			$pages.stream("$apphome$storehome/layout/productprice.html")
			</p>
        </div>
      </div>


</form>
 


</div>