gistfile1.html

<div itemscope itemtype="http://schema.org/Product">
  
  <div class="product-header">
    <h1><ss:value source="$product.name"/></h1>
  </div>
  
  <div class="product-media">
    
    <div class="product-media-main-image">
      <ss:image itemprop="image" source="$product.defaultImage.medium" alt="$product.name"/>
    </div><!-- /.product-media-main-image -->
    
    <ss:if test="$product.images.size > 1">
      <div class="product-media-gallery">
        <ss:foreach item="productMedia" within="$product.images">
          <ss:set name="item" value="$productMedia.storeMediaItem"/>
          <ss:set name="small" value="$item.getImage('small')"/>
          <ss:set name="medium" value="$item.getImage('medium')"/>
          <ss:if test="$item.hasLargeSize()">
            <ss:set name="large" value="$item.getImage('large')"/>
            <ss:set name="zoom" value="$large.displayUrl"/>
          <ss:else/>
            <ss:set name="zoom" value="$medium.displayUrl"/>
          </ss:if>
          <ss:set name="mediumUrl" value="$medium.displayUrl"/>
          <ss:set name="rel" value="$string.concat('useZoom: &#39;zoom&#39;, smallImage: &#39;', $string.concat($mediumUrl, '&#39;'))"/>
          <ss:link source="$zoom">
      			<ss:image source="$small.displayUrl" alt="$item.title"/>
    			</ss:link>
        </ss:foreach>
      </div><!-- /.product-media-gallery -->
    </ss:if>
    
  </div><!-- /.product-media -->
  
  <div class="product-pricing">
  	<ss:foreach item="price" within="$product.finalPriceList">
  		<ss:choose>
  			<ss:when test="$counter.totalRows == 1">
  				<strong><ss:value source="$price"/></strong>
  			</ss:when>
  			<ss:otherwise>
  				<ss:choose>
  					<ss:when test="$counter.isLast">
  						<strong class="sale"><ss:value source="$price"/></strong>
  					</ss:when>
  					<ss:otherwise>
  						<del><ss:value source="$price"/></del>
  					</ss:otherwise>
  				</ss:choose>
  			</ss:otherwise>
  		</ss:choose>
  	</ss:foreach>
  </div>

  <div class="product-action">
    <ss:include template="cartadd"/>
  </div>
  
  <div class="product-information">
    
    <ul class="tabs">
      <li><a href="#product-description">Description</a></li>
      <li><a href="#product-specifications">Specifications</a></li>
    </ul>
     
    <div id="product-description" class="product-description" data-tab="Description">
      <h2>Product Description</h2>
      <ss:value source="$product.description"/>
    </div><!-- /.product-description -->
    
    <div id="product-specifications" class="product-specifications" data-tab="Specifications">  
      <h2>Product Specifications</h2>
      <table>
        <ss:if test="$product.oem">
          <tr class="manufacturer">
            <th>Manufacturer</th>
            <td itemprop="manufacturer"><ss:value source="$product.oem.name"/></td>
          </tr>
        </ss:if>
        <ss:if test="$product.sku">
          <tr class="sku">
            <th>SKU</th>
            <td itemprop="sku"><ss:value source="$product.sku"/></td>
          </tr>
        </ss:if>
        <ss:if test="$product.isbn">
          <tr class="isbn">
            <th>ISBN</th>
            <td itemprop="isbn"><ss:value source="$product.isbn"/></td>
          </tr>
        </ss:if>
        <ss:if test="$product.mpn">
          <tr class="mpn">
            <th>MPN</th>
            <td itemprop="mpn"><ss:value source="$product.mpn"/></td>
          </tr>
        </ss:if>
        <ss:if test="$product.ean">
          <tr class="ean">
            <th>EAN</th>
            <td itemprop="ean"><ss:value source="$product.ean"/></td>
          </tr>
        </ss:if>
        <ss:if test="$product.upc">
          <tr class="upc">
            <th>UPC</th>
            <td itemprop="upc"><ss:value source="$product.upc"/></td>
          </tr>
        </ss:if>      
        <ss:if test="$store.isFeatureEnabled('ShowProductCustomFields')">
          <ss:if test="$store.products.customLabel1 && $product.customText1">
            <tr class="$string.stripNonAlphaNumerics($string.toLowerCase($store.products.customLabel1))">
              <th><ss:value source="$store.products.customLabel1"/></th>
              <td><ss:value source="$product.customText1"/></td>
            </tr>
          </ss:if>
          <ss:if test="$store.products.customLabel2 && $product.customText2">
            <tr class="$string.stripNonAlphaNumerics($string.toLowerCase($store.products.customLabel2))">
              <th><ss:value source="$store.products.customLabel2"/></th>
              <td><ss:value source="$product.customText2"/></td>
            </tr>
          </ss:if>
          <ss:if test="$store.products.customLabel3 && $product.customText3">
            <tr class="$string.stripNonAlphaNumerics($string.toLowerCase($store.products.customLabel3))">
              <th><ss:value source="$store.products.customLabel3"/></th>
              <td><ss:value source="$product.customText3"/></td>
            </tr>
          </ss:if>
          <ss:if test="$store.products.customLabel4 && $product.customText4">
            <tr class="$string.stripNonAlphaNumerics($string.toLowerCase($store.products.customLabel4))">
              <th><ss:value source="$store.products.customLabel4"/></th>
              <td><ss:value source="$product.customText4"/></td>
            </tr>
          </ss:if>
          <ss:if test="$store.products.customLabel5 && $product.customText5">
            <tr class="$string.stripNonAlphaNumerics($string.toLowerCase($store.products.customLabel5))">
              <th><ss:value source="$store.products.customLabel5"/></th>
              <td><ss:value source="$product.customText5"/></td>
            </tr>
          </ss:if>
          <ss:if test="$store.products.customLabel6 && $product.customText6">
            <tr class="$string.stripNonAlphaNumerics($string.toLowerCase($store.products.customLabel6))">
              <th><ss:value source="$store.products.customLabel6"/></th>
              <td><ss:value source="$product.customText6"/></td>
            </tr>
          </ss:if>
        </ss:if>
      </table>
    </div><!-- /.product-specifications -->
    
  </div><!-- /.product-information -->
  
</div>