#ucTemplate("snip_item-top")
<div class="container">
<div class="shell">
<div class="header">
#ucTemplate("snip_header")
</div>
<!--/header-->
<div class="content">
<div class="right">
#ucTemplate("snip_crumb")
#ucTemplate("snip_admin-panel")
#set($itemFormSubmitUrl = "$checkoutUrlHttps")
<div class="item">
<div class="description">
<h2>$item.getDescriptionNoEscapeEditable()</h2>
<p>$item.getExtendedDescriptionNoEscapeEditable()</p>
<p>
<strong class="red">$item.getCostLocalized()</strong>
</p>
<form action="$itemFormSubmitUrl" method="get">
<div class="none">
<input type="hidden" name="MERCHANTID" value="$merchantID"/>
<input type="hidden" name="merchantId" id="merchantid" value="CDEMO"/>
<!-- The CC Information is here to make it possible to 'fake' a demo order ... -->
<input type="hidden" name="CreditCardType" id="CreditCardType"/>
<input type="hidden" name="CreditCardNumber" id="CreditCardNumber"/>
<input type="hidden" name="CreditCardExpMonth" id="CreditCardExpMonth"/>
<input type="hidden" name="CreditcardExpYear" id="CreditCardExpYear"/>
<input type="hidden" name="CreditCardCVV2" id="CreditCardCVV2"/>
<input type="hidden" name="ShippingFirstName" id="ShippingFirstName"/>
<input type="hidden" name="ShippingLastName" id="ShippingLastName"/>
<input type="hidden" name="ShippingAddress1" id="ShippingAdress1"/>
<input type="hidden" name="ShippingCity" id="ShippingCity"/>
<input type="hidden" name="ShippingState" id="ShippingState"/>
<input type="hidden" name="ShippingPostalCode" id="ShippingPostalCode"/>
<input type="hidden" name="ShippingCountry" id="ShippingCountry"/>
<input type="hidden" name="Email" id="Email"/>
</div>
<!--/none-->
<dl>
<dt>
<label for="ADD_$item.getMerchantItemID()">Qty:</label>
</dt>
<dd>
<input id="qty" type="text" name="ADD_$item.getMerchantItemID()" value="1"/>
<button type="submit">Add to Cart</button>
</dd>
</dl>
</form>
</div>
<!--/description-->
<div class="media">
<div class="image">
#if($item.getMultimedia("Image") && $item.getMultimedia("Image").size() > 0)
<img src="$baseThumbnailUrl$item.getDefaultMultimedia('Image').getThumbnail(200)"
alt="$item.getDescription()" />
#else
<img src="$baseUrl/assets/images/200x200_default.jpg" alt="Image coming soon"/>
#end
#if($merchantLoggedIn)
<p style="width: 100%;display:block;">$item.getEdit("Multimedia")</p>
#end
</div>
<!--/image-->
<div class="magnify">
<a class="lightbox" href="$item.getDefaultMultimedia('Image').getViewUrl()">
<img src="$baseUrl/assets/images/icon_mag.gif" alt="Magnify"/>
<small>View larger size</small>
</a>
</div>
<!--/magnify-->
</div>
<!--/media-->
</div>
<!--/item-->
#if($item.getRelatedItems() && $item.getRelatedItems().size() > 0)
<div class="related_items_title">
<h3>Related Items</h3>
</div>
<!--/related_items_title-->
<div class="group_row">
#foreach($column in $item.getRelatedItems())
#if($velocityCount < 5)
#ucTemplate("snip_group-column")
#end
#end
</div>
<!--/group_row-->
#end
#ucTemplate("snip_review")
</div>
<!--/right-->
<div class="left">
#ucTemplate("snip_left")
</div>
<!--/left-->
</div>
<!--/content-->
<div class="footer">
#ucTemplate("snip_footer")
</div>
<!--/footer-->
</div>
<!--/shell-->
</div><!--/container-->
#ucTemplate("snip_document-bottom")