Page MenuHomeIn-Portal Phabricator
Files F772100

details.tpl
No OneTemporary
Actions

File Metadata

Created
Sat, Feb 1, 4:54 AM

details.tpl
View Options

<!--##
<NAME>Products - Details Design</NAME>
<DESC>General design template for Product Details</DESC>
<SECTION>Pages||Products</SECTION>
##-->
<inp2:p_AddToRecent />
<inp2:m_DefineElement name="page_title"><inp2:p_Field name="Name" html_escape="1"/></inp2:m_DefineElement>
<inp2:m_DefineElement name="sidebar">
<inp2:m_Include template="elements/side_boxes/related_products.elm" data_exists="1"/>
</inp2:m_DefineElement>
<inp2:m_DefineElement name="before_content">
<inp2:m_ifnot check="p_OptionsUpdateMode">
<inp2:m_ifnot check="p_FieldEquals" field="OptionsSelectionMode" value="1">
<div class="block-fixed">
<div>
<a href="<inp2:p_AddToCartLink template='elements/ajax/cart_bubble' product_template='__default__'/>" class="button-addtocart" qty_id="product-qty" rel="nofollow"><span><img src="<inp2:m_TemplatesBase/>img/bg-button-cart-add.png" width="24" height="24" alt="" /><i>Add to Cart</i></span></a>
</div>
</div>
<script type="text/javascript">
$(document).ready(
function () {
$('.button-addtocart').click(
function ($e) {
$('#add-to-cart-btn').click();
return false;
}
);
}
);
</script>
</inp2:m_ifnot>
</inp2:m_ifnot>
</inp2:m_DefineElement>
<!--## MAIN CONTENT ##-->
<inp2:m_DefineElement name="content">
<inp2:rev_InitList main_list="1"/>
<div class="block no-border-bottom">
<inp2:m_Include template="elements/navigation_bar.elm" navigation_buttons="1"/>
<div class="goods border-radius product-detail">
<inp2:m_if check="p_Field" name="IsNew" db="db">
<div class="ribbon new"></div>
<inp2:m_elseif check="p_Field" name="IsPop" db="db"/>
<div class="ribbon top"></div>
<inp2:m_elseif check="p_Field" name="Featured" db="db"/>
<div class="ribbon sale"></div>
</inp2:m_if>
<h1><inp2:p_Field field="Name" html_escape="1"/></h1>
<div class="rating">
<inp2:p_VotesIndicator/>
<!--<inp2:m_if check="p_Field" name="CachedRating" equals_to="1|2|3|4|5" db="db">
<img src="<inp2:m_TemplatesBase/>img/star-small.jpg" width="18" height="18" alt="" />
</inp2:m_if>
<inp2:m_if check="p_Field" name="CachedRating" equals_to="2|3|4|5" db="db">
<img src="<inp2:m_TemplatesBase/>img/star-small.jpg" width="18" height="18" alt="" />
</inp2:m_if>
<inp2:m_if check="p_Field" name="CachedRating" equals_to="3|4|5" db="db">
<img src="<inp2:m_TemplatesBase/>img/star-small.jpg" width="18" height="18" alt="" />
</inp2:m_if>
<inp2:m_if check="p_Field" name="CachedRating" equals_to="4|5" db="db">
<img src="<inp2:m_TemplatesBase/>img/star-small.jpg" width="18" height="18" alt="" />
</inp2:m_if>
<inp2:m_if check="p_Field" name="CachedRating" equals_to="5" db="db">
<img src="<inp2:m_TemplatesBase/>img/star-small.jpg" width="18" height="18" alt="" />
</inp2:m_if>-->
</div>
<div class="h1-reviews">(<a href="#reviews"><inp2:rev_TotalRecords/> reviews</a>)</div>
<div class="clear"></div>
<div class="product">
<div class="info">
<div class="img">
<p class="signsmall">Roll over images for multiple views:</p>
<ul id="pikame">
<li><img src="<inp2:p_ImageSrc format="resize:256x258;wm:img/logo_watermark.png|-1|-1" DefaultImage="img/product_no_picture_big.png"/>" width="256" height="258" alt="" /></li>
<inp2:m_if check="p_HasAdditionalImages">
<inp2:m_DefineElement name="additional_image_element">
<li><img src="<inp2:ImageSrc format="resize:256x258;wm:img/logo_watermark.png|-1|-1;default:img/product_no_picture.png"/>" width="256" height="258" alt="" /></li>
</inp2:m_DefineElement>
<inp2:p_ListImages render_as="additional_image_element" types="additional" per_page="-1" no_table="1" MaxWidth="256" DefaultWidth="256" DefaultImage="img/product_no_picture_big.png"/>
</inp2:m_if>
</ul>
<div class="viewlarger">
<a href="" onclick="TINY.box.show({image:'<inp2:p_ImageSrc format="resize:800x600;wm:img/logo_watermark.png|-1|-1"/>',animate:true}); return false;">View Larger</a>
</div>
<p class="showmore"><a href="#">Show More Images...</a></p>
</div>
<div class="doplinks">
<a href="#" class="link-print">Print this Page</a><br />
<inp2:m_if check="p_ComparePossible">
<inp2:m_if check="p_InCompare">
<a href="#" class="link-compare" added="1">Remove from Comparison List</a><br />
<inp2:m_else/>
<a href="#" class="link-compare" added="0">Compare to other Products</a><br />
</inp2:m_if>
</inp2:m_if>
<a href="#" class="link-wishlist">Add to Wishlist</a><br />
</div>
</div>
<div class="description">
<inp2:m_if check="p_ShouldListOptions">
<inp2:m_Include template="elements/ajax/product_options"/>
<inp2:m_else/>
<div class="price-block">
<p><s class="under"><inp2:p_Field name="MSRP" currency="selected" decimal_tag="span"/></s></p>
<p class="redprice"><em class="price"><inp2:p_Field name="Price" currency="selected" decimal_tag="span"/></em></p>
</div>
<div class="order-block">
<p class="qty form"><strong>Qty.</strong>&nbsp;&nbsp;<input type="text" name="qty" id="product-qty" value="1" class="field" /></p>
<p class="but"><a href="<inp2:p_AddToCartLink template='elements/ajax/cart_bubble' product_template='__default__'/>" class="addtocart" id="add-to-cart-btn" qty_id="product-qty" rel="nofollow"><span><i>Add to Cart</i></span></a></p>
<p class="avail">Availability: <em><inp2:m_if check="p_Available">In Stock<inp2:m_else/>Not In Stock</inp2:m_if></em></p>
</div>
</inp2:m_if>
<div class="clear"></div>
<dl class="har">
<dt>Model:</dt>
<dd>XT2324</dd>
<dt>Manufacturer:</dt>
<dd><inp2:p_Field name="ManufacturerId"/></dd>
</dl>
<dl class="har har_right">
<dt>SKU:</dt>
<dd><inp2:p_Field name="SKU"/></dd>
<dt>Size:</dt>
<dd>22''</dd>
</dl>
<div class="clear"></div>
<div class="text">
</div>
<div id="tabs">
<ul>
<inp2:m_if check="p_Field" name="cust_Features">
<li><a href="#tabs-1">Features</a></li>
</inp2:m_if>
<inp2:m_if check="p_Field" name="Description">
<li><a href="#tabs-2">Details</a></li>
</inp2:m_if>
<li><a href="#tabs-3">Specifications</a></li>
</ul>
<inp2:m_if check="p_Field" name="cust_Features">
<div id="tabs-1">
<inp2:p_Field name="cust_Features"/>
</div>
</inp2:m_if>
<inp2:m_if check="p_Field" name="Description">
<div id="tabs-2">
<inp2:p_Field name="Description"/>
</div>
</inp2:m_if>
<div id="tabs-3">
<p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p>
<p>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.</p>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="reviews">
<a name="reviews"></a>
<div class="top-review">
<div class="info-review">
<p class="title">Reviews for <inp2:p_Field name="Name" html_escape="1" cut_first="60"/> (<inp2:rev_TotalRecords/>):</p>
<!--<p class="but-review"><a href="" onclick="TINY.box.show({iframe:'addreview-success.html',width:600,height:340}); return false;" class="addreview">Add a Review</a></p>-->
<p class="but-review"><a href="<inp2:p_ProductLink template='elements/ajax/add_review' width='600' height='340'/>" class="form-manager-window addreview">Add a Review</a></p>
<div class="sortby">
Sort by:
<select>
<option value="" selected="selected">Price</option>
<option value="">Rating</option>
<option value="">Populate</option>
</select>
</div>
</div>
<div class="overall-review">
<p>Overall Rating:</p>
<div class="overall-detail">
<inp2:rev_PrintRatingPercents render_as="rating_percent_element" show_none="0"/>
</div>
</div>
<div class="clear"></div>
</div>
<inp2:rev_PrintList render_as="review_element"/>
<script type="text/javascript">
$(document).ready(
function () {
$('.reviews .row-review').each(
function () {
var $review = $(this);
$('.yes, .no', this).click(
function ($e) {
var $link = $(this),
$counter = $('.' + $link.attr('class') + '-count', $review);
$.get(
$link.attr('href'),
function ($count) {
$counter.html('(' + $count + ')');
}
)
return false;
}
);
}
);
}
);
</script>
</div>
<div class="clear"></div>
<inp2:m_Include template="elements/pagination.elm" prefix="rev"/>
</div>
</div>
</inp2:m_DefineElement>
<!--## /MAIN CONTENT ##-->
<inp2:m_DefineElement name="add_to_head">
<script src="<inp2:m_TemplatesBase />inc/js/jquery.gzoom.js"></script>
<script src="<inp2:m_TemplatesBase />inc/js/jquery.pikachoose.full.js"></script>
<script type= "text/javascript">
$(document).ready(
function() {
$('#tabs').tabs();
$('#pikame').PikaChoose({autoPlay:false, showCaption:false});
$('.link-compare').click(
function ($e) {
var $me = $(this),
$added = $me.attr('added') == '1';
compare_product(
<inp2:p_Field name="ProductId"/>,
!$added,
function ($data) {
$added = !$added;
$me
.attr('added', $added ? '1' : '0')
.html($added ? 'Remove from Comparison List' : 'Compare to other Products');
}
);
return false;
}
);
}
);
window.onload = function () {
$('#zoom').gzoom({
sW: 258,
sH: 258,
lW: 1400,
lH: 1050,
lighbox : false
});
};
</script>
</inp2:m_DefineElement>
<!--## DESIGN TEMPLATE ##-->
<inp2:m_include template="designs/default_design.des" pass_params="1" right_column="sidebar" before_content="before_content"/>
<!--## /DESIGN TEMPLATE ##-->

Event Timeline

In-Portal CMS · In-Portal Community Pages · In-Portal Issue Tracker · In-Portal Repository Browser · Quality Assurance · In-Portal CI Server