Page MenuHomeIn-Portal Phabricator

compare.tpl
No OneTemporary

File Metadata

Created
Tue, Sep 30, 12:52 AM

compare.tpl

<!--##
<NAME>Compare Products</NAME>
<DESC>Product comparison page</DESC>
<SECTION>Pages||Compare Products</SECTION>
##-->
<!--## MAIN CONTENT ##-->
<inp2:m_DefineElement name="content">
<inp2:p_InitList list_name="compare_products" types="compare" parent_cat_id="any"/>
<inp2:m_ifnot check="p_TotalRecords" list_name="compare_products">
<inp2:p_ContinueLink redirect="1"/>
</inp2:m_ifnot>
<div class="block no-border-bottom">
<h2><em>Comparing Products (<abbr id="product-count"><inp2:p_TotalRecords list_name="compare_products"/></abbr>)</em><span></span></h2>
<div class="compare border-radius">
<inp2:m_DefineElement name="product_compare_header">
<div class="good-item" product_id="<inp2:Field name='ProductId'/>" position="<inp2:m_Param name='num'/>">
<div class="button-delete"><a href="#"><img src="<inp2:m_TemplatesBase/>img/icon-delete.png" width="13" height="13" alt="" /></a></div>
<dl>
<dt><a href="<inp2:ProductLink template='__default__'/>"><inp2:Field name="Name"/></a></dt>
<dd>
<p class="img">
<a href="<inp2:ProductLink template='__default__'/>">
<inp2:Image render_as="image_element" Primary="1" Thumbnail="1" DefaultImage="img/product_no_picture.png" MaxWidth="136" MaxHeight="136"/>
</a>
</p>
<p class="price"><inp2:Field name="Price" currency="selected" decimal_tag="span"/></p>
<p>
<a href="<inp2:AddToCartLink template='elements/ajax/cart_bubble' product_template='__default__'/>" class="addtocart" rel="nofollow">
<inp2:m_if check="Field" name="HasRequiredOptions" db="db">
<span>Click to See</span>
<inp2:m_else/>
<span>Add to Cart</span>
</inp2:m_if>
</a>
</p>
</dd>
</dl>
<div class="rating">
<p>
<inp2:VotesIndicator small_style="small-star"/>
</p>
<p><a href="<inp2:ProductLink template='__default__' anchor='reviews'/>">Reviews</a> (<a href="<inp2:ProductLink template='__default__' anchor='reviews'/>"><inp2:Field name="CachedReviewsQty"/></a>)</p>
</div>
<dl class="har">
<dt>Model:</dt>
<dd>XT2324</dd>
<inp2:m_if check="p_Field" name="ManufacturerId" db="db">
<dt>Manufacturer:</dt>
<dd><inp2:Field name="ManufacturerId"/></dd>
</inp2:m_if>
<dt>SKU:</dt>
<dd><inp2:Field name="SKU"/></dd>
<dt>Size:</dt>
<dd>22''</dd>
</dl>
</div>
</inp2:m_DefineElement>
<inp2:p_PrintList render_as="product_compare_header" list_name="compare_products"/>
<div id="add-product" class="good-item last-child" <inp2:m_ifnot check="p_TotalRecords" list_name="compare_products" equals_to="0|1|2"> style="display: none;"</inp2:m_ifnot>>
<p class="buttons-block"><a href="<inp2:p_ContinueLink/>" class="compare-button"><span><img src="<inp2:m_TemplatesBase/>img/bg-button-compare-add.png" width="24" height="24" alt="" /><br />Select Product<br />to Compare</span></a></p>
</div>
<div class="clear"></div>
<div id="compare-menu" style="width: 678px;">
<inp2:m_if check="p_HasCompareField" name="Description" list_name="compare_products">
<h3><a href="#">Description</a></h3>
<div>
<inp2:m_DefineElement name="product_compare_description">
<div class="good-item-cell">
<div class="description">
<p><inp2:Field name="Description"/></p>
</div>
</div>
</inp2:m_DefineElement>
<inp2:p_PrintList render_as="product_compare_description" list_name="compare_products"/>
<div class="clear"></div>
</div>
</inp2:m_if>
<inp2:m_if check="p_HasCompareField" name="cust_Features" list_name="compare_products">
<h3><a href="#">Features</a></h3>
<div>
<inp2:m_DefineElement name="product_compare_features">
<div class="good-item-cell">
<div class="description">
<p><inp2:Field name="cust_Features"/></p>
</div>
</div>
</inp2:m_DefineElement>
<inp2:p_PrintList render_as="product_compare_features" list_name="compare_products"/>
<div class="clear"></div>
</div>
</inp2:m_if>
<!--<h3><a href="#">Details</a></h3>
<div></div>
<h3><a href="#">Specifications</a></h3>
<div></div>
<h3><a href="#">Overall Rating</a></h3>
<div></div>-->
<inp2:m_if check="p_HasCompareField" name="CachedReviewsQty" list_name="compare_products">
<h3><a href="#">Reviews</a></h3>
<div>
<inp2:m_DefineElement name="product_compare_reviews">
<div class="good-item-cell">
<div class="description">
<p class="reviews">
<inp2:m_DefineElement name="short_review_element">
<div class="row-review">
<p class="user"><inp2:Field name="ReviewedBy"/></p>
<div class="text-review"><inp2:Field name="ReviewText"/></div>
</div>
</inp2:m_DefineElement>
<inp2:rev_PrintList render_as="short_review_element" per_page="-1" requery="1"/>
</p>
</div>
</div>
</inp2:m_DefineElement>
<inp2:p_PrintList render_as="product_compare_reviews" list_name="compare_products"/>
<div class="clear"></div>
</div>
</inp2:m_if>
</div>
<div class="clear"></div>
</div>
</div>
</inp2:m_DefineElement>
<!--## /MAIN CONTENT ##-->
<inp2:m_DefineElement name="add_to_head">
<script type= "text/javascript">
$(document).ready(
function() {
var icons = {header: 'ui-icon-circle-arrow-e', headerSelected: 'ui-icon-circle-arrow-s'};
$( '#compare-menu' ).accordion({
icons: icons,
autoHeight: false,
navigation: true
});
$('.button-delete').click(
function ($e) {
var $me = $(this),
$header = $me.parent(),
$position = $header.attr('position');
compare_product($header.attr('product_id'), false);
$header.remove();
$('h3', '#compare-menu').next('div').each(
function () {
$('.good-item-cell:nth-child(' + $position + ')', this).remove();
}
);
$('#product-count').html( parseInt($('#product-count').text()) - 1 );
// renumber positions, since they were shifted
var $index = 1;
$('.button-delete').parent().each(
function () {
$(this).attr('position', $index++);
}
);
$('#add-product').show();
return false;
}
);
}
);
</script>
</inp2:m_DefineElement>
<!--## DESIGN TEMPLATE ##-->
<inp2:m_include template="designs/default_design.des" pass_params="1"/>
<!--## /DESIGN TEMPLATE ##-->

Event Timeline