Page MenuHomeIn-Portal Phabricator
Files F726829

modern-store
No OneTemporary
Actions

File Metadata

Created
Mon, Jan 6, 1:22 AM

modern-store
View Options

Index: branches/1.0.x/products/details.tpl
===================================================================
--- branches/1.0.x/products/details.tpl (revision 14825)
+++ branches/1.0.x/products/details.tpl (revision 14826)
@@ -1,262 +1,267 @@
<!--##
<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">
<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>
</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" >
- <inp2:m_DefineElement name="additional_image_element">
- <li><img src="<inp2:ImageSrc format="resize:256x258;wm:img/logo_watermark.png|-1|-1"/>" 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/no_picture.gif"/>
+ <inp2:m_if check="p_ImageSrc">
+ <li><img src="<inp2:p_ImageSrc format="resize:256x258;wm:img/logo_watermark.png|-1|-1"/>" width="256" height="258" alt="" /></li>
+ </inp2:m_if>
+ <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"/>" 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/no_picture.gif"/>
+ </inp2:m_if>
</ul>
<div class="viewlarger">
- <a href="" onclick="TINY.box.show({image:'<inp2:m_TemplatesBase />img/samples/good-details-big.jpg',animate:true}); return false;">View Larger</a>
+ <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 />
<a href="#" class="link-compare">Compare to other Products</a><br />
<a href="#" class="link-wishlist">Add to Wishlist</a><br />
</div>
</div>
<div class="description">
<div class="options-har">
<div class="sel-options">
<label><strong>Select Size:</strong>
<select name="select" class="field-alt">
<option value="" selected="selected">22"</option>
<option value="">23"</option>
</select>
</label>
</div>
<div class="sel-options">
<label><strong>Select Color:</strong>
<select name="select" class="field-alt">
<option value="" selected="selected">Gray Metallic</option>
<option value="">White Metallic</option>
<option value="">Black Metallic</option>
</select>
</label>
</div>
<div class="clear"></div>
</div>
<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" qty_id="product-qty" rel="nofollow"><span><i>Add to Cart</i></span></a></p>
<p class="avail">Availability: <em>In Stock</em></p>
</div>
<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">
<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="thickbox 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">
/*<![CDATA[*/
$(function() {
$("#tabs").tabs();
$("#pikame").PikaChoose({autoPlay:false, showCaption: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 ##-->
\ No newline at end of file

Event Timeline

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