Page MenuHomeIn-Portal Phabricator
Files F726398

modern-store
No OneTemporary
Actions

File Metadata

Created
Sun, Jan 5, 9:55 AM

modern-store
View Options

Index: branches/1.0.x/products/review.tpl
===================================================================
Index: branches/1.0.x/products/details.tpl
===================================================================
--- branches/1.0.x/products/details.tpl (nonexistent)
+++ branches/1.0.x/products/details.tpl (revision 14747)
@@ -0,0 +1,270 @@
+<!--##
+<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='checkout/cart' product_template='__default__'/>" class="button-addtocart"><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">
+
+ <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">
+ <div class="ribbon new"></div>
+ <inp2:m_elseif check="p_Field" name="IsPop" />
+ <div class="ribbon top"></div>
+ <inp2:m_elseif check="p_Field" name="Featured" db="1" />
+ <div class="ribbon sale"></div>
+ </inp2:m_if>
+
+ <h1><inp2:p_Field field="Name" html_escape="1"/></h1>
+ <div class="rating">
+ <img src="/i/star-small.jpg" width="18" height="18" alt="" />
+ <img src="/i/star-small.jpg" width="18" height="18" alt="" />
+ <img src="/i/star-small.jpg" width="18" height="18" alt="" />
+ <img src="/i/star-small.jpg" width="18" height="18" alt="" />
+ <img src="/i/star-small.jpg" width="18" height="18" alt="" />
+ </div>
+ <div class="h1-reviews">(<a href="#">12 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:m_TemplatesBase />img/samples/good-details.jpg" width="256" height="258" alt="" /></li>
+ <li><img src="<inp2:m_TemplatesBase />img/samples/good1.jpg" width="256" height="258" alt="" /></li>
+ <li><img src="<inp2:m_TemplatesBase />img/samples/good2.jpg" width="256" height="258" alt="" /></li>
+ <li><img src="<inp2:m_TemplatesBase />img/samples/good-details.jpg" width="256" height="258" alt="" /></li>
+ <li><img src="<inp2:m_TemplatesBase />img/samples/good-details.jpg" width="256" height="258" alt="" /></li>
+ <li><img src="<inp2:m_TemplatesBase />img/samples/good-details.jpg" width="256" height="258" alt="" /></li>
+ </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>
+ </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"/>$2,549.<span>95</span></s></p>
+ <p class="redprice"><em class="price"><inp2:p_Field name="Price" currency="selected"/>$2,549.<span>95</span></em></p>
+ </div>
+ <div class="order-block">
+ <p class="qty form"><strong>Qty.</strong>&nbsp;&nbsp;<input type="text" name="qty" value="1" class="field" /></p>
+ <p class="but"><a href="<inp2:p_AddToCartLink template='checkout/cart' product_template='__default__'/>" class="addtocart"><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>Apple</dd>
+ </dl>
+ <dl class="har">
+ <dt>SKU:</dt>
+ <dd>23423424</dd>
+ <dt>Size:</dt>
+ <dd>22''</dd>
+ </dl>
+ <div class="clear"></div>
+
+ <div class="text">
+
+ </div>
+ <div id="tabs">
+ <ul>
+ <li><a href="#tabs-1">Features</a></li>
+ <li><a href="#tabs-2">Details</a></li>
+ <li><a href="#tabs-3">Specifications</a></li>
+ </ul>
+ <div id="tabs-1">
+ <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
+ <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
+ <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
+ </div>
+ <div id="tabs-2">
+ <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
+ </div>
+ <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">
+ <div class="top-review">
+ <div class="info-review">
+ <p class="title">Reviews for Apple iMac Desktop Customizeable (10):</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>
+ <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">
+ <i>83%</i> <span><img src="/i/star-smallest.jpg" width="13" height="13" alt="" /><img src="/i/star-smallest.jpg" width="13" height="13" alt="" /><img src="/i/star-smallest.jpg" width="13" height="13" alt="" /><img src="/i/star-smallest.jpg" width="13" height="13" alt="" /><img src="/i/star-smallest.jpg" width="13" height="13" alt="" /></span><br />
+ <i>10%</i> <span><img src="/i/star-smallest.jpg" width="13" height="13" alt="" /><img src="/i/star-smallest.jpg" width="13" height="13" alt="" /><img src="/i/star-smallest.jpg" width="13" height="13" alt="" /><img src="/i/star-smallest.jpg" width="13" height="13" alt="" /></span><br />
+ <i>5%</i> <span><img src="/i/star-smallest.jpg" width="13" height="13" alt="" /><img src="/i/star-smallest.jpg" width="13" height="13" alt="" /><img src="/i/star-smallest.jpg" width="13" height="13" alt="" /></span><br />
+ <i>2%</i> <span><img src="/i/star-smallest.jpg" width="13" height="13" alt="" /><img src="/i/star-smallest.jpg" width="13" height="13" alt="" /></span><br />
+ <i>1%</i> <span><img src="/i/star-smallest.jpg" width="13" height="13" alt="" /></span>
+ </div>
+ </div>
+ <div class="clear"></div>
+ </div>
+ <div class="row-review">
+ <p class="user">Justin Scott</p>
+ <div class="text-review">
+ Mauris in erat nec nulla iaculis rutrum in non est. Sed quis lorem purus. Duis sed nisi nulla, non sollicitudin leo. Curabitur aliquam quam eu augue ullamcorper facilisis. Aenean id ultrices magna. Curabitur varius luctus dolor, in consequat quam bibendum ac. Nullam lacus sem, auctor et vestibulum a, lobortis at magna. Curabitur eget lacus condimentum libero vestibulum rutrum.
+ </div>
+ <div class="optional-review">
+ <p>Was this review helpful to you?&nbsp;&nbsp;<a href="#" class="yes">Yes</a>&nbsp;&nbsp;<a href="#" class="no">No</a>&nbsp;&nbsp;<em>(3)</em></p>
+ <p><a href="#">Is this Review Inappropriate?</a></p>
+ <p class="rat">
+ Rating: <img src="/i/star-smallest.jpg" width="13" height="13" alt="" /><img src="/i/star-smallest.jpg" width="13" height="13" alt="" /><img src="/i/star-smallest.jpg" width="13" height="13" alt="" /><img src="/i/star-smallest.jpg" width="13" height="13" alt="" /><img src="/i/star-smallest.jpg" width="13" height="13" alt="" />
+ </p>
+ <p class="date"><strong>April 12, 2011</strong></p>
+ </div>
+ </div>
+ <div class="row-review">
+ <p class="user">Justin Scott</p>
+ <div class="text-review">
+ Mauris in erat nec nulla iaculis rutrum in non est. Sed quis lorem purus. Duis sed nisi nulla, non sollicitudin leo. Curabitur aliquam quam eu augue ullamcorper facilisis. Aenean id ultrices magna. Curabitur varius luctus dolor, in consequat quam bibendum ac. Nullam lacus sem, auctor et vestibulum a, lobortis at magna. Curabitur eget lacus condimentum libero vestibulum rutrum.
+ </div>
+ <div class="optional-review">
+ <p>Was this review helpful to you?&nbsp;&nbsp;<a href="#" class="yes">Yes</a>&nbsp;&nbsp;<a href="#" class="no">No</a>&nbsp;&nbsp;<em>(3)</em></p>
+ <p><a href="#">Is this Review Inappropriate?</a></p>
+ <p class="rat">
+ Rating: <img src="/i/star-smallest.jpg" width="13" height="13" alt="" /><img src="/i/star-smallest.jpg" width="13" height="13" alt="" /><img src="/i/star-smallest.jpg" width="13" height="13" alt="" /><img src="/i/star-smallest.jpg" width="13" height="13" alt="" /><img src="/i/star-smallest.jpg" width="13" height="13" alt="" />
+ </p>
+ <p class="date"><strong>April 12, 2011</strong></p>
+ </div>
+ </div>
+ <div class="row-review">
+ <p class="user">Justin Scott</p>
+ <div class="text-review">
+ Mauris in erat nec nulla iaculis rutrum in non est. Sed quis lorem purus. Duis sed nisi nulla, non sollicitudin leo. Curabitur aliquam quam eu augue ullamcorper facilisis. Aenean id ultrices magna. Curabitur varius luctus dolor, in consequat quam bibendum ac. Nullam lacus sem, auctor et vestibulum a, lobortis at magna. Curabitur eget lacus condimentum libero vestibulum rutrum.
+ </div>
+ <div class="optional-review">
+ <p>Was this review helpful to you?&nbsp;&nbsp;<a href="#" class="yes">Yes</a>&nbsp;&nbsp;<a href="#" class="no">No</a>&nbsp;&nbsp;<em>(3)</em></p>
+ <p><a href="#">Is this Review Inappropriate?</a></p>
+ <p class="rat">
+ Rating: <img src="/i/star-smallest.jpg" width="13" height="13" alt="" /><img src="/i/star-smallest.jpg" width="13" height="13" alt="" /><img src="/i/star-smallest.jpg" width="13" height="13" alt="" /><img src="/i/star-smallest.jpg" width="13" height="13" alt="" /><img src="/i/star-smallest.jpg" width="13" height="13" alt="" />
+ </p>
+ <p class="date"><strong>April 12, 2011</strong></p>
+ </div>
+ </div>
+ <div class="row-review">
+ <p class="user">Justin Scott</p>
+ <div class="text-review">
+ Mauris in erat nec nulla iaculis rutrum in non est. Sed quis lorem purus. Duis sed nisi nulla, non sollicitudin leo. Curabitur aliquam quam eu augue ullamcorper facilisis. Aenean id ultrices magna. Curabitur varius luctus dolor, in consequat quam bibendum ac. Nullam lacus sem, auctor et vestibulum a, lobortis at magna. Curabitur eget lacus condimentum libero vestibulum rutrum.
+ </div>
+ <div class="optional-review">
+ <p>Was this review helpful to you?&nbsp;&nbsp;<a href="#" class="yes">Yes</a>&nbsp;&nbsp;<a href="#" class="no">No</a>&nbsp;&nbsp;<em>(3)</em></p>
+ <p><a href="#">Is this Review Inappropriate?</a></p>
+ <p class="rat">
+ Rating: <img src="/i/star-smallest.jpg" width="13" height="13" alt="" /><img src="/i/star-smallest.jpg" width="13" height="13" alt="" /><img src="/i/star-smallest.jpg" width="13" height="13" alt="" /><img src="/i/star-smallest.jpg" width="13" height="13" alt="" /><img src="/i/star-smallest.jpg" width="13" height="13" alt="" />
+ </p>
+ <p class="date"><strong>April 12, 2011</strong></p>
+ </div>
+ </div>
+ </div>
+ <div class="clear"></div>
+
+ <div class="pagination">
+ <span class="prev">&nbsp;</span>
+ <a href="#" class="active">1</a>
+ <a href="#">2</a>
+ <a href="#">3</a>
+ <a href="#" class="next">&nbsp;</a>
+ </div>
+ <div class="clear"></div>
+ </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
Index: branches/1.0.x/products/.smsignore
===================================================================
--- branches/1.0.x/products/.smsignore (nonexistent)
+++ branches/1.0.x/products/.smsignore (revision 14747)
@@ -0,0 +1 @@
+.*\.tpl
\ No newline at end of file
Index: branches/1.0.x/index.tpl
===================================================================
--- branches/1.0.x/index.tpl (revision 14746)
+++ branches/1.0.x/index.tpl (revision 14747)
@@ -1,99 +1,99 @@
<!--##
<NAME>Home</NAME>
<DESC>Welcome page</DESC>
<SECTION></SECTION>
##-->
<!--## PAGE TITLE ELEMENT ##-->
<inp2:m_DefineElement name="page_title"><inp2:st_PageInfo type="htmlhead_title"/></inp2:m_DefineElement>
<!--## //PAGE TITLE ELEMENT ##-->
<!--## SIDE-BAR ELEMENT ##-->
<inp2:m_DefineElement name="sidebar">
<inp2:m_Include template="elements/side_boxes/categories.elm" data_exists="1"/>
<inp2:m_Include template="elements/side_boxes/picks.elm" data_exists="1"/>
<inp2:m_Include template="elements/side_boxes/subscribe.elm"/>
</inp2:m_DefineElement>
<!--## /SIDE-BAR ELEMENT ##-->
<!--## MAIN CONTENT ##-->
<inp2:m_DefineElement name="content">
<inp2:m_Include template="elements/promo.elm" strip_nl="2"/>
<inp2:m_Include template="elements/content_boxes/special_deals.elm" data_exists="1" strip_nl="2"/>
<inp2:m_Include template="elements/content_boxes/new_products.elm" data_exists="1" strip_nl="2"/>
<inp2:m_RenderElement design="content_box">
<inp2:m_Capture to_var="header">
<inp2:m_phrase name="lu_title_WelcomeTitle"/>
</inp2:m_Capture>
<inp2:st_ContentBlock num="1"/>
</inp2:m_RenderElement>
</inp2:m_DefineElement>
<!--## /MAIN CONTENT ##-->
<inp2:m_DefineElement name="add_to_head">
<script>
$(function() {
var icons = {
header: "ui-icon-circle-arrow-e",
headerSelected: "ui-icon-circle-arrow-s"
};
var level2icons = {
header: "ui-icon-circle-arrow-l2e",
headerSelected: "ui-icon-circle-arrow-l2s"
};
var level3icons = {
header: "ui-icon-circle-arrow-l3e",
headerSelected: "ui-icon-circle-arrow-l3s"
};
$( "#accordion-menu" ).accordion({
icons: icons
});
$( "#level2-menu" ).accordion({
icons: level2icons
});
$( ".level3-menu" ).accordion({
icons: level3icons,
header: 'h4',
autoHeight: false,
event: "mouseover"
});
$('#slider').flexslider({
directionNav: false,
prevText: "",
nextText: ""
});
});
</script>
</inp2:m_DefineElement>
<inp2:m_DefineElement name="add_to_footer">
<script src="<inp2:m_TemplatesBase />inc/js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="<inp2:m_TemplatesBase />inc/js/jquery.mousewheel.js" type="text/javascript"></script>
<script src="<inp2:m_TemplatesBase />inc/js/jquery.contentcarousel.js" type="text/javascript"></script>
<script>
$(function() {
$('#scrollable').contentcarousel({
// speed for the sliding animation
sliderSpeed : 500,
// easing for the sliding animation
sliderEasing : 'easeOutExpo',
// speed for the item animation (open / close)
itemSpeed : 500,
// easing for the item animation (open / close)
itemEasing : 'easeOutExpo',
// number of items to scroll at a time
scroll : 1
});
});
</script>
</inp2:m_DefineElement>
<!--## DESIGN TEMPLATE ##-->
-<inp2:m_include template="designs/default_design.des" pass_params="1"/>
+<inp2:m_include template="designs/default_design.des" pass_params="1" left_column="sidebar"/>
<!--## /DESIGN TEMPLATE ##-->
\ No newline at end of file
Index: branches/1.0.x/checkout/.smsignore
===================================================================
--- branches/1.0.x/checkout/.smsignore (nonexistent)
+++ branches/1.0.x/checkout/.smsignore (revision 14747)
@@ -0,0 +1 @@
+.*\.tpl
\ No newline at end of file
Index: branches/1.0.x/checkout/cart.tpl
===================================================================
Index: branches/1.0.x/inc/category.css
===================================================================
--- branches/1.0.x/inc/category.css (revision 14746)
+++ branches/1.0.x/inc/category.css (revision 14747)
@@ -1,219 +1,220 @@
@charset "UTF-8";
/* Category Page
*******************************************************************************/
.goods {
margin: 5px 0;
padding: 20px 20px 10px 20px;
}
.goods .good-item {
float: left;
height: 200px;
margin-bottom: 10px;
width: 165px;
}
.goods .good-item.borbottom {
border-bottom: 1px dotted #d0d0d0;
padding-bottom: 10px;
}
.goods .good-item dl {
border-right: 1px dotted #d0d0d0;
padding: 5px;
}
.goods .good-item dl.no-border-right { border-right: none; }
/*** Filter block ***/
.filter-block { float: left; padding: 10px 0; width: 100%; }
.filter-block div { float: left; }
.filter-block .paginate {
font-weight: bold;
padding: 0 40px 0 0;
}
.filter-block .sortby { font-weight: bold; }
.filter-block .sortby a { font-weight: normal; }
.filter-block .display_switch { float: right; text-align: right; }
.filter-block .display_switch a.switch_thumb {
width: 48px;
height: 21px;
display: block;
background: url(@templates_base@/img/display-view.png) no-repeat 0 0;
outline: none;
text-indent: -9999px;
}
.filter-block .display_switch a.swap { background-position: 0 100%; }
+.filter-block .sortby form { display: inline; }
.items { padding: 20px; }
.items.items-alt { padding: 0; }
.items .item {
border-top: 1px solid #d0d0d0;
float: left;
padding: 15px 10px;
position: relative;
width: auto;
}
.items .ribbon {
background: url(@templates_base@/img/ribbon.png) no-repeat 0 0;
height: 40px;
position: absolute;
top: -3px; right: -26px;
width: 102px;
z-index: 100;
}
.items .ribbon.sale { background-position: 0 0; }
.items .ribbon.top { background-position: 0 -40px; }
.items .ribbon.new { background-position: 0 -80px; }
.items .item .img {
float: left;
padding-right: 15px;
width: 70px;
}
.items .item .descr {
float: left;
padding-right: 15px;
width: 360px;
}
.items .item .descr h3 {
font-size: 1.077em;
font-weight: bold;
padding-bottom: 5px;
}
.items .item .descr .optional { padding: 5px 0; }
.items .item .descr .optional .stars { padding: 0 20px 0 0; }
.items .item .descr .optional .comp label em {
font-style: normal;
text-decoration: underline;
}
.items .item .descr .optional .comp label input {
bottom: -2px;
margin: 0 5px 0 0;
position: relative;
}
.items .item .price-block {
float: left;
width: 185px;
}
.items .item .price-block s.under {
display: block;
font-size: 1.308em;
font-weight: bold;
padding-right: 10px;
}
.items .item .price-block s.under span { font-size: 0.706em; }
.items .item .price-block .redprice { padding: 10px 0; }
.items .item .price-block em.price {
color: #C2120A;
font-size: 1.846em;
font-weight: bold;
font-style: normal;
}
.items .item .price-block em.price span { font-size: 0.708em; }
.items .item .price-block .addtocart {
background: url(@templates_base@/img/addtocart-left.jpg) no-repeat 0 0;
color: #faffed;
display: inline-block;
font-size: 1.077em;
font-weight: bold;
text-shadow: #000 0px 1px 1px;
text-decoration: none;
}
.items .item .price-block .addtocart span {
background: url(@templates_base@/img/addtocart-right.jpg) no-repeat 100% 0;
display: inline-block;
height: 33px;
line-height: 33px;
padding: 0 20px;
}
ul.display { border-bottom: 1px solid #d0d0d0; float: left; width: 100%; }
ul.display li { float: left; width: 100%; }
ul.thumb_view { border-bottom: none; }
ul.thumb_view li {
background-color: #fff;
border: 1px solid #d0d0d0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
float: left;
height: 180px;
margin: 0 5px 5px 0;
width: 348px;
}
ul.thumb_view li .item {
border-top: none;
padding: 15px;
width: 319px;
}
ul.thumb_view li .item .img {
position: absolute;
top: 38px;
width: 133px;
}
ul.thumb_view li .item .img img { height: 133px; width: 133px; }
ul.thumb_view li .item .ribbon { right: -4px; }
ul.thumb_view li .item .descr {
position: absolute;
width: auto;
}
ul.thumb_view li .item .descr .optional {
left: 158px;
position: absolute;
top: 132px;
width: 165px;
}
ul.thumb_view li .item .descr .optional .stars { padding: 0 10px 0 0; }
ul.thumb_view li .item .descr p,
ul.thumb_view li .item .descr .optional .reviews { display: none; }
ul.thumb_view li .item .price-block {
float: none;
left: 170px;
position: absolute;
top: 50px;
}
/*** Pagination ***/
.pagination { padding-top: 20px; text-align: center; }
.pagination span,
.pagination a {
background: url(@templates_base@/img/paginate.png) no-repeat -28px 0;
color: #fff;
display: inline-block;
font-size: 1.308em;
font-weight: bold;
height: 28px;
line-height: 28px;
text-align: center;
text-decoration: none;
width: 28px;
}
.pagination span.prev {
background-position: 0 100%;
margin-right: 20px;
}
.pagination a.prev {
background-position: 0 0;
margin-right: 20px;
}
.pagination span.next {
background-position: -56px 100%;
margin-left: 20px;
}
.pagination a.next {
background-position: -56px 0;
margin-left: 20px;
}
.pagination a.active {
background-position: -28px 100%;
}
/*** Searchbox ***/
/*
.form { padding: 10px 0; }
.form input[type="text"] {
border: none;
background: #fff url(@templates_base@/img/bg-searchfield.jpg) no-repeat 0 0;
height: 23px;
padding: 2px 5px 2px 35px;
width: 162px;
}
*/
Index: branches/1.0.x/designs/form.tpl
===================================================================
--- branches/1.0.x/designs/form.tpl (revision 14746)
+++ branches/1.0.x/designs/form.tpl (revision 14747)
@@ -1,46 +1,46 @@
<!--##
<NAME>Online Form - Section Template</NAME>
-<DESC>Online Form</DESC>
+<DESC>Submission Form</DESC>
<SECTION>Pages</SECTION>
##-->
<inp2:m_include template="elements/dynamic_forms.elm"/>
<!--## DEFINE MAIN CONTENT ELEMENT ##-->
<inp2:m_DefineElement name="content">
<inp2:st_ContentBlock num="1"/>
<form method="post" action="<inp2:m_Link m_cat_id="0" m_cat_page="1"/>" id="ContactForm">
<div>
<inp2:formsubs_PresetFormFields/>
<inp2:m_if check="formsubs_HasError" field="any">
<div class="wrapper red"><inp2:m_RenderElement name="error_message" /></div>
</inp2:m_if>
<inp2:formflds_PrintList render_as="form_field" SourcePrefix="formsubs" per_page="-1"/>
<inp2:m_if check="form_Field" name="UseSecurityImage" db="db">
<inp2:m_RenderElement name="inp_edit_captcha" prefix="formsubs"/>
</inp2:m_if>
<a href="javascript:;" class="button" style="" onclick="document.getElementById('ContactForm').submit();"><inp2:m_Phrase label='lu_btn_Send'/></a>
<a href="javascript:;" class="button" onclick="document.getElementById('ContactForm').reset();"><inp2:m_Phrase label='lu_btn_Clear'/></a>
<input type="hidden" name="events[formsubs][OnCreate]" value="1"/>
<input type="hidden" name="<inp2:formsubs_InputName field="FormId"/>" value="<inp2:m_Get var="form_id"/>"/>
<input type="hidden" name="form_id" value="<inp2:m_Get var="form_id"/>"/>
<input type="hidden" name="success_template" value="<inp2:st_Field name="FormSubmittedTemplate"/>"/>
</div>
</form>
<inp2:st_ContentBlock num="2"/>
</inp2:m_DefineElement>
<!--## /DEFINE MAIN CONTENT ELEMENT ##-->
<!--## INCLUDE MAIN DESIGN TEMPLATE ##-->
<inp2:m_include template="designs/default_design.des" />
<!--## /INCLUDE MAIN DESIGN TEMPLATE ##-->
\ No newline at end of file
Index: branches/1.0.x/designs/section.tpl
===================================================================
--- branches/1.0.x/designs/section.tpl (revision 14746)
+++ branches/1.0.x/designs/section.tpl (revision 14747)
@@ -1,96 +1,94 @@
<!--##
<NAME>Products - Section Template</NAME>
-<DESC>Products</DESC>
+<DESC>Product Category</DESC>
<SECTION></SECTION>
##-->
<inp2:m_DefineElement name="page_title"><inp2:m_include template="elements/title_bar.elm"/></inp2:m_DefineElement>
-<!--## SIDE-BAR ELEMENT ##-->
<inp2:m_DefineElement name="sidebar">
<inp2:m_Include template="elements/side_boxes/categories.elm" data_exists="1"/>
<inp2:m_Include template="elements/side_boxes/filter_range.elm"/>
<inp2:m_Include template="elements/side_boxes/filter_dropdown.elm"/>
<inp2:m_Include template="elements/side_boxes/filter_checkboxes.elm"/>
<inp2:m_Include template="elements/side_boxes/subscribe.elm"/>
</inp2:m_DefineElement>
-<!--## /SIDE-BAR ELEMENT ##-->
<!--## MAIN CONTENT ##-->
<inp2:m_DefineElement name="content">
<div class="block no-border-bottom" style="margin-bottom:0;">
<inp2:m_Include template="elements/navigation_bar.elm"/>
<inp2:m_Include template="elements/content_boxes/categories.elm" data_exists="1" />
</div>
<inp2:m_Cache key="prefix:p;currency;guest_only">
<inp2:m_Include template="elements/product_elements.elm" strip_nl="2"/>
<inp2:m_Include template="elements/content_boxes/products.elm" list_name="products_in_category" prefix="p" data_exists="1" />
</inp2:m_Cache>
</inp2:m_DefineElement>
<!--## /MAIN CONTENT ##-->
<inp2:m_DefineElement name="add_to_head">
<script>
$(function() {
var icons = {
header: "ui-icon-circle-arrow-e",
headerSelected: "ui-icon-circle-arrow-s"
};
var level2icons = {
header: "ui-icon-circle-arrow-l2e",
headerSelected: "ui-icon-circle-arrow-l2s"
};
var level3icons = {
header: "ui-icon-circle-arrow-l3e",
headerSelected: "ui-icon-circle-arrow-l3s"
};
$( "#accordion-menu" ).accordion({
icons: icons
});
$( "#level2-menu" ).accordion({
icons: level2icons
});
$( ".level3-menu" ).accordion({
icons: level3icons,
header: 'h4',
autoHeight: false,
event: "mouseover"
});
$("a.switch_thumb").toggle(function(){
$(this).addClass("swap");
$("ul.display").fadeOut("fast", function() {
$("div.items").removeClass("border-radius").addClass("items-alt");
$(this).fadeIn("fast").addClass("thumb_view");
});
}, function () {
$(this).removeClass("swap");
$("ul.display").fadeOut("fast", function() {
$("div.items").addClass("border-radius").removeClass("items-alt");
$(this).fadeIn("fast").removeClass("thumb_view");
});
});
$( "#slider-vertical" ).slider({
orientation: "vertical",
range: true,
min: 0,
max: 1000,
step: 100,
values: [ 0, 400 ]
});
});
</script>
</inp2:m_DefineElement>
<!--## DESIGN TEMPLATE ##-->
-<inp2:m_include template="designs/default_design.des" pass_params="1"/>
+<inp2:m_include template="designs/default_design.des" pass_params="1" left_column="sidebar"/>
<!--## /DESIGN TEMPLATE ##-->
\ No newline at end of file
Index: branches/1.0.x/designs/default_design.des.tpl
===================================================================
--- branches/1.0.x/designs/default_design.des.tpl (revision 14746)
+++ branches/1.0.x/designs/default_design.des.tpl (revision 14747)
@@ -1,66 +1,78 @@
<inp2:m_CheckSSL/>
<inp2:m_Include template="elements/html_head.elm" strip_nl="2"/>
<inp2:m_Include template="elements/content_boxes.elm" strip_nl="2"/> <!--## includes system elements ##-->
-<inp2:m_DefaultParam columns="2"/>
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="<inp2:lang.current_Field name='Locale' db='1'/>">
<head>
<title><inp2:m_RenderElement name="page_title" default_element="default_cms_page_title" no_editing="1"/></title>
<link rel="stylesheet" rev="stylesheet" href="<inp2:m_Compress from='all_css'/>" type="text/css" />
<!--##
<script type="text/javascript" src="<inp2:m_Compress from='all_js'/>"></script>
##-->
<inp2:m_RenderElement name="add_to_head" default_element="default_add_to_head"/>
</head>
<body>
<!--## System tag please do not remove ##-->
<inp2:st_EditPage mode="start"/>
<inp2:m_Include template="elements/header.elm" />
<inp2:m_Include template="elements/menu.elm" />
<div id="content">
<div class="padding">
-
- <inp2:m_if check="m_Param" name="columns" equals_to="2">
+
+ <inp2:m_if check="m_Param" name="before_content">
+ <inp2:m_RenderElement name="$before_content" />
+ </inp2:m_if>
+
+ <inp2:m_if check="m_Param" name="left_column">
<div class="leftcol">
- <inp2:m_RenderElement name="sidebar" default_element="default_sidebar"/>
+ <inp2:m_RenderElement name="$left_column" />
</div>
<div class="contentcol">
- <inp2:m_RenderElement name="content"/>
+ <inp2:m_RenderElement name="content" />
</div>
+ <inp2:m_elseif check="m_Param" name="right_column" />
+
+ <div class="contentcol">
+ <inp2:m_RenderElement name="content" />
+ </div>
+
+ <div class="rightcol">
+ <inp2:m_RenderElement name="$right_column" />
+ </div>
+
<inp2:m_else/>
<inp2:m_RenderElement name="content"/>
</inp2:m_if>
<div class="clear"></div>
</div>
</div>
<inp2:m_Include template="elements/footer_menu.elm" />
<inp2:m_Include template="elements/footer.elm" />
<inp2:st_EditPage mode="end"/> <!--## /System tag please do not remove ##-->
<inp2:m_Include template="elements/tracking.elm" />
<inp2:m_RenderElement name="add_to_footer" default_element="default_add_to_footer"/>
</body>
</html>
\ No newline at end of file
Index: branches/1.0.x/designs/general.tpl
===================================================================
--- branches/1.0.x/designs/general.tpl (revision 14746)
+++ branches/1.0.x/designs/general.tpl (revision 14747)
@@ -1,22 +1,22 @@
<!--##
<NAME>General - Section Template</NAME>
-<DESC>General</DESC>
+<DESC>Content Section</DESC>
<SECTION>Pages</SECTION>
##-->
<!--## DEFINE MAIN CONTENT ELEMENT ##-->
<inp2:m_DefineElement name="content">
<h2><inp2:st_PageInfo type="title"/></h2>
<inp2:st_ContentBlock num="1"/>
<inp2:st_ContentBlock num="2"/>
</inp2:m_DefineElement>
<!--## /DEFINE MAIN CONTENT ELEMENT ##-->
<!--## INCLUDE MAIN DESIGN TEMPLATE ##-->
<inp2:m_include template="designs/default_design.des"/>
<!--## /INCLUDE MAIN DESIGN TEMPLATE ##-->
\ No newline at end of file
Index: branches/1.0.x/elements/side_boxes/recently_viewed.elm.tpl
===================================================================
--- branches/1.0.x/elements/side_boxes/recently_viewed.elm.tpl (nonexistent)
+++ branches/1.0.x/elements/side_boxes/recently_viewed.elm.tpl (revision 14747)
@@ -0,0 +1,23 @@
+<inp2:m_Cache key="prefix:p;currency;guest_only">
+
+ <inp2:p_InitList list_name="pick_products" types="pick" parent_cat_id="0" recursive="1" per_page="short_list"/>
+
+ <div class="block no-border-bottom">
+ <h2><em>Our Favorites</em><span class="pick"></span></h2>
+ <inp2:m_DefineElement name="pick_product_element">
+ <dt><a href="<inp2:ProductLink template='__default__'/>"><inp2:Field field="Name" html_escape="1"/></a></dt>
+ <dd>
+ <p class="img"><a href="<inp2:ProductLink template='__default__'/>"><inp2:Image render_as="image_element" Primary="1" Thumbnail="1" DefaultImage="img/no_picture.gif" MaxWidth="136" MaxHeight="136"/></a></p>
+ <p class="price"><inp2:Field name="Price" currency="selected"/>$759.<span>95</span></p>
+ <p><a href="<inp2:AddToCartLink template='checkout/cart' product_template='__default__'/>" class="addtocart"><span>Add to Cart</span></a></p>
+ </dd>
+ </inp2:m_DefineElement>
+
+ <div class="good-item border-radius-bottom">
+ <dl>
+ <inp2:p_ListProducts list_name="pick_products" render_as="pick_product_element" no_table="1"/>
+ </dl>
+ </div>
+ </div>
+
+</inp2:m_Cache>
\ No newline at end of file
Index: branches/1.0.x/elements/side_boxes/picks.elm.tpl
===================================================================
--- branches/1.0.x/elements/side_boxes/picks.elm.tpl (revision 14746)
+++ branches/1.0.x/elements/side_boxes/picks.elm.tpl (revision 14747)
@@ -1,23 +1,14 @@
<inp2:m_Cache key="prefix:p;currency;guest_only">
<inp2:p_InitList list_name="pick_products" types="pick" parent_cat_id="0" recursive="1" per_page="short_list"/>
<div class="block no-border-bottom">
<h2><em>Our Favorites</em><span class="pick"></span></h2>
- <inp2:m_DefineElement name="pick_product_element">
- <dt><a href="<inp2:ProductLink template='__default__'/>"><inp2:Field field="Name" html_escape="1"/></a></dt>
- <dd>
- <p class="img"><a href="<inp2:ProductLink template='__default__'/>"><inp2:Image render_as="image_element" Primary="1" Thumbnail="1" DefaultImage="img/no_picture.gif" MaxWidth="136" MaxHeight="136"/></a></p>
- <p class="price"><inp2:Field name="Price" currency="selected"/>$759.<span>95</span></p>
- <p><a href="<inp2:AddToCartLink template='checkout/shop_cart' product_template='__default__'/>" class="addtocart"><span>Add to Cart</span></a></p>
- </dd>
- </inp2:m_DefineElement>
-
<div class="good-item border-radius-bottom">
<dl>
- <inp2:p_ListProducts list_name="pick_products" render_as="pick_product_element" no_table="1"/>
+ <inp2:p_ListProducts list_name="pick_products" render_as="product_sidebox_element" no_table="1"/>
</dl>
</div>
</div>
</inp2:m_Cache>
\ No newline at end of file
Index: branches/1.0.x/elements/side_boxes/related_products.elm.tpl
===================================================================
--- branches/1.0.x/elements/side_boxes/related_products.elm.tpl (nonexistent)
+++ branches/1.0.x/elements/side_boxes/related_products.elm.tpl (revision 14747)
@@ -0,0 +1,15 @@
+<inp2:p_InitList list_name="related_products" types="related" recursive="1" parent_cat_id="any" />
+
+<div class="block no-border-bottom">
+ <h2>
+ <em>We Recommend:</em><span></span>
+ <a href="#" class="product-prev" title="Previous"></a>
+ <a href="#" class="product-next" title="Next"></a>
+ </h2>
+
+ <div class="good-item border-radius-bottom">
+ <dl>
+ <inp2:p_ListProducts list_name="related_products" render_as="sidebox_product_element" no_table="1"/>
+ </dl>
+ </div>
+</div>
\ No newline at end of file
Index: branches/1.0.x/elements/product_elements.elm.tpl
===================================================================
--- branches/1.0.x/elements/product_elements.elm.tpl (revision 14746)
+++ branches/1.0.x/elements/product_elements.elm.tpl (revision 14747)
@@ -1,44 +1,53 @@
-<inp2:m_DefineElement name="product_element">
+<inp2:m_DefineElement name="product_list_element">
<li>
<div class="item">
<inp2:m_if check="Field" name="IsNew">
<div class="ribbon new"></div>
<inp2:m_elseif check="Field" name="IsPop" />
<div class="ribbon top"></div>
<inp2:m_elseif check="Field" name="Featured" db="1" />
<div class="ribbon sale"></div>
</inp2:m_if>
<div class="img">
<a href="<inp2:ProductLink template='__default__'/>"><inp2:Image render_as="image_element" Primary="1" Thumbnail="1" DefaultImage="img/no_picture.gif" MaxWidth="69" MaxHeight="69"/></a>
</div>
<div class="descr">
<h3><a href="<inp2:ProductLink template='__default__'/>"><inp2:Field field="Name" html_escape="1"/></a></h3>
<p><inp2:Field field="Description" html_escape="1" cut_first="200"/></p>
<div class="optional">
<span class="stars">
<!--##
<inp2:VotesIndicator render_as="rating_element"/>
##-->
<img src="<inp2:m_TemplatesBase/>img/star-smallest.jpg" width="13" height="13" alt="" />
<img src="<inp2:m_TemplatesBase/>img/star-smallest.jpg" width="13" height="13" alt="" />
<img src="<inp2:m_TemplatesBase/>img/star-smallest.jpg" width="13" height="13" alt="" />
<img src="<inp2:m_TemplatesBase/>img/star-smallest.jpg" width="13" height="13" alt="" />
<img src="<inp2:m_TemplatesBase/>img/star-smallest.jpg" width="13" height="13" alt="" />
</span>
<span class="reviews">
<a href="<inp2:ProductLink template='__default__'/>">Reviews</a> (<a href="<inp2:ProductLink template='__default__'/>"><inp2:Field name="CachedReviewsQty"/></a>)&nbsp;&nbsp;&nbsp;
</span>
<span class="comp">
<label><input type="checkbox" name="compare-1" value="1" /><em>Compare</em></label>
</span>
</div>
</div>
<div class="price-block">
<p><s class="under"><inp2:Field name="MSRP" currency="selected"/>$2,549.<span>95</span></s></p>
<p class="redprice"><em class="price"><inp2:Field name="Price" currency="selected"/>$2,549.<span>95</span></em></p>
- <p><a href="<inp2:AddToCartLink template='checkout/shop_cart' product_template='__default__'/>" class="addtocart"><span>Add to Cart</span></a></p>
+ <p><a href="<inp2:AddToCartLink template='checkout/cart' product_template='__default__'/>" class="addtocart"><span>Add to Cart</span></a></p>
</div>
</div>
</li>
+</inp2:m_DefineElement>
+
+<inp2:m_DefineElement name="sidebox_product_element">
+ <dt><a href="<inp2:ProductLink template='__default__'/>"><inp2:Field field="Name" html_escape="1"/></a></dt>
+ <dd>
+ <p class="img"><a href="<inp2:ProductLink template='__default__'/>"><inp2:Image render_as="image_element" Primary="1" Thumbnail="1" DefaultImage="img/no_picture.gif" MaxWidth="136" MaxHeight="136"/></a></p>
+ <p class="price"><inp2:Field name="Price" currency="selected"/>$759.<span>95</span></p>
+ <p><a href="<inp2:AddToCartLink template='checkout/cart' product_template='__default__'/>" class="addtocart"><span>Add to Cart</span></a></p>
+ </dd>
</inp2:m_DefineElement>
\ No newline at end of file
Index: branches/1.0.x/elements/navigation_bar.elm.tpl
===================================================================
--- branches/1.0.x/elements/navigation_bar.elm.tpl (revision 14746)
+++ branches/1.0.x/elements/navigation_bar.elm.tpl (revision 14747)
@@ -1,29 +1,37 @@
-<inp2:m_DefaultParam titles="" templates="" show_category="0"/>
+<inp2:m_DefaultParam titles="" templates="" show_category="0" navigation_buttons="0"/>
<inp2:m_DefineElement name="root_category">
<a href="<inp2:c_CategoryLink template="__default__" />"><inp2:m_Phrase name="lu_rootcategory_name"/></a>
</inp2:m_DefineElement>
<inp2:m_DefineElement name="module_root">
<i></i> <a href="<inp2:c_CategoryLink template="$module_index" cat_id="$cat_id"/>"><inp2:m_param name="title"/></a>
</inp2:m_DefineElement>
<inp2:m_DefineElement name="nav_link">
<i></i>
<inp2:m_if check="m_Param" name="category">
<a href="<inp2:c_CategoryLink template="__default__" m_cat_page="1"/>"><inp2:m_param name="title"/></a>
<inp2:m_else/>
<a href="<inp2:m_Link template="$template" m_cat_id="0" m_cat_page="1"/>"><inp2:m_param name="title"/></a>
</inp2:m_if>
</inp2:m_DefineElement>
<inp2:m_DefineElement name="module_item">
<i></i> <a href="<inp2:{$prefix}_ItemLink template="$template" />"><inp2:m_param name="title"/></a>
</inp2:m_DefineElement>
<inp2:m_DefineElement name="current_item">
<i></i> <em><inp2:m_param name="title"/></em>
</inp2:m_DefineElement>
-<h2><inp2:c_CategoryPath separator="" render_as="nav_link" current_render_as="current_item" module_item_render_as="module_item" root_cat_render_as="root_category" module_root_render_as="html:" titles="$titles" templates="$templates" show_category="$show_category"/><span></span></h2>
+<h2>
+ <inp2:c_CategoryPath separator="" render_as="nav_link" current_render_as="current_item" module_item_render_as="module_item" root_cat_render_as="root_category" module_root_render_as="html:" titles="$titles" templates="$templates" show_category="$show_category"/><span></span>
+
+<inp2:m_if check="m_Param" name="navigation_buttons">
+ <a href="#" class="product-prev" title="Previous"></a>
+ <a href="#" class="product-next" title="Next"></a>
+</inp2:m_if>
+
+</h2>
\ No newline at end of file
Index: branches/1.0.x/elements/sorting.elm.tpl
===================================================================
--- branches/1.0.x/elements/sorting.elm.tpl (revision 14746)
+++ branches/1.0.x/elements/sorting.elm.tpl (revision 14747)
@@ -1,34 +1,35 @@
<div class="filter-block">
<div class="paginate">
<a href=""><img src="<inp2:m_TemplatesBase/>img/arrow-left.png" width="7" height="13" alt="" /></a>&nbsp;
Products
<select id="paginate">
<option value="" selected="selected">1-10</option>
<option value="">11-20</option>
<option value="">21-30</option>
</select>
out of 120&nbsp;
<a href=""><img src="<inp2:m_TemplatesBase/>img/arrow-right.png" width="7" height="13" alt="" /></a>
</div>
<div class="sortby">
- Sort by:
- <select>
- <option value="" selected="selected">Price</option>
- <option value="">Rating</option>
- <option value="">Populate</option>
- </select>&nbsp;&nbsp;
<form method="post" action="<inp2:m_FormAction/>">
- Per Page:
+ Sort by:
+ <select name="<inp2:p_CombinedSortingDropDownName/>">
+ <option value="Name|asc" <inp2:p_SortingSelected sorting="l1_Name|asc" selected='selected="selected"'/>>Name</option>
+ <option value="Price|asc" <inp2:p_SortingSelected sorting="Price|asc" selected='selected="selected"'/>>Price Low</option>
+ <option value="Price|desc" <inp2:p_SortingSelected sorting="Price|desc" selected='selected="selected"'/>>Price High</option>
+ <option value="CachedRating|asc" <inp2:p_SortingSelected sorting="CachedRating|asc" selected='selected="selected"'/>>Rating</option>
+ </select>&nbsp;&nbsp;
+ Per Page:
<select name="<inp2:{$prefix}_VarName type='PerPage'/>">
<option value="10" <inp2:{$prefix}_PerPageSelected per_page="10" selected='selected="selected"'/>>10</option>
<option value="20" <inp2:{$prefix}_PerPageSelected per_page="20" selected='selected="selected"'/>>20</option>
<option value="50" <inp2:{$prefix}_PerPageSelected per_page="50" selected='selected="selected"'/>>50</option>
</select>&nbsp;&nbsp;
</form>
<a href="#">Show All</a>
</div>
<div class="display_switch">
<a href="#" class="switch_thumb"></a>
</div>
</div>
<div class="clear"></div>
\ No newline at end of file
Index: branches/1.0.x/elements/html_head.elm.tpl
===================================================================
--- branches/1.0.x/elements/html_head.elm.tpl (revision 14746)
+++ branches/1.0.x/elements/html_head.elm.tpl (revision 14747)
@@ -1,50 +1,53 @@
<inp2:m_if check="c.current_Field" name="MetaKeywords">
<meta name="Keywords" content="<inp2:c.current_Field name='MetaKeywords'/>"/>
<inp2:m_else/>
<meta name="Keywords" content="<inp2:m_GetConfig name='Category_MetaKey'/>"/>
</inp2:m_if>
<inp2:m_if check="c.current_Field" name="MetaDescription">
<meta name="Description" content="<inp2:c.current_Field name='MetaDescription'/>"/>
<inp2:m_else/>
<meta name="Description" content="<inp2:m_GetConfig name='Category_MetaDesc'/>"/>
</inp2:m_if>
<meta name="author" content="<inp2:m_GetConfig name='Site_Name'/>"/>
<meta http-equiv="content-type" content="text/html; charset=<inp2:lang.current_Field name='Charset'/>" />
<link rel="icon" href="<inp2:m_BaseURL/>favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="<inp2:m_BaseURL/>favicon.ico" type="image/x-icon" />
-<link rel="stylesheet" type="text/css" href="<inp2:m_Compress files='inc/reset.css|inc/styles.css|inc/category.css|inc/flexslider.css|inc/modal.css'/>" media="all" charset="<inp2:lang.current_Field name='Charset'/>"/>
+<link rel="stylesheet" type="text/css" href="<inp2:m_Compress files='inc/reset.css|inc/styles.css|inc/category.css|inc/flexslider.css|inc/modal.css|inc/details.css|inc/jquery.gzoom.css|inc/pikachoose.css'/>" media="all" charset="<inp2:lang.current_Field name='Charset'/>"/>
<link type="text/css" rel="stylesheet" href="<inp2:m_TemplatesBase />inc/ui/jquery.ui.all.css" charset="utf-8" />
<!--##
<link type="text/css" rel="stylesheet" href="<inp2:m_TemplatesBase />inc/reset.css" charset="utf-8" />
<link type="text/css" rel="stylesheet" href="<inp2:m_TemplatesBase />inc/styles.css" charset="utf-8" />
<link type="text/css" rel="stylesheet" href="<inp2:m_TemplatesBase />inc/category.css" charset="utf-8" />
<link type="text/css" rel="stylesheet" href="<inp2:m_TemplatesBase />inc/flexslider.css" charset="utf-8" />
<link type="text/css" rel="stylesheet" href="<inp2:m_TemplatesBase />inc/modal.css" charset="utf-8" />
+<link type="text/css" rel="stylesheet" href="<inp2:m_TemplatesBase />inc/details.css" charset="utf-8" />
+<link type="text/css" rel="stylesheet" href="<inp2:m_TemplatesBase />inc/jquery.gzoom.css" charset="utf-8" />
+<link type="text/css" rel="stylesheet" href="<inp2:m_TemplatesBase />inc/pikachoose.css" charset="utf-8" />
##-->
<!--## JS FOR ADMIN ##-->
<inp2:st_EditingScripts/>
<!--## JS FOR FRONT ##-->
<inp2:m_ifnot check="m_GetConst" name="EDITING_MODE">
<!--## EXCLUDE THIS JS WHEN IN ADMIN ##-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
</inp2:m_ifnot>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.15/jquery-ui.min.js" type="text/javascript"></script>
<script src="<inp2:m_TemplatesBase />inc/js/ui/jquery.ui.core.min.js" type="text/javascript"></script>
<script src="<inp2:m_TemplatesBase />inc/js/ui/jquery.ui.widget.min.js" type="text/javascript"></script>
<script src="<inp2:m_TemplatesBase />inc/js/ui/jquery.ui.accordion.min.js" type="text/javascript"></script>
<script src="<inp2:m_TemplatesBase />inc/js/jquery.flexslider-min.js" type="text/javascript"></script>
<script src="<inp2:m_TemplatesBase />inc/js/jquery.scripts.js" type="text/javascript"></script>
<script src="<inp2:m_TemplatesBase />inc/js/tinybox.js" type="text/javascript"></script>
<inp2:m_Comment>
<!--[if lt IE 9]>
<![endif]-->
</inp2:m_Comment>
\ No newline at end of file
Index: branches/1.0.x/elements/header.elm.tpl
===================================================================
--- branches/1.0.x/elements/header.elm.tpl (revision 14746)
+++ branches/1.0.x/elements/header.elm.tpl (revision 14747)
@@ -1,66 +1,84 @@
<div id="header">
<div class="logo">
<a href="<inp2:m_Link template="index" m_cat_id="0" />"><img src="<inp2:m_TemplatesBase/>img/logo.jpg" width="238" height="79" alt="<inp2:m_GetConfig name="Site_Name"/>" /></a>
<inp2:st_ContentBlock num="100" page="index"/>
</div>
<div class="infoblock">
<div class="welcome">
<div class="lang">
<div class="<inp2:lang.current_Field name='Locale' db='1'/>">
<a href="#" id="lang"><inp2:lang.current_Field name='LocalName'/></a>
</div>
<div id="lang-sel" class="plashka">
<ul>
<inp2:m_DefineElement name="lang_elem" no_editing="1">
<li><a href="<inp2:LanguageLink/>" class="<inp2:Field name='Locale' db='1'/><inp2:m_if check='SelectedLanguage'> active</inp2:m_if>"><inp2:Field name="LocalName"/></a></li>
</inp2:m_DefineElement>
<inp2:lang_ListLanguages render_as="lang_elem" no_table="1"/>
</ul>
</div>
</div>
<div class="currency">
<form method="post" name="cur_form" id="cur_form" action="<inp2:m_FormAction />">
<div class="cur">
<a href="" id="currency">USD</a>
</div>
<div id="currency-sel" class="plashka">
<ul>
<li><a href="#" class="active">USD</a></li>
<li><a href="#" class="">DCH</a></li>
<li><a href="#" class="">RUS</a></li>
</ul>
</div>
</form>
</div>
<div class="txt">Welcome! Please <a href="" onclick="TINY.box.show({iframe:'registration.html',width:850,height:570}); return false;">Register</a> for an account or
<div class="login">
<a href="" id="login">Log In</a>
</div>
<div id="login-sel" class="plashka">
<a href="" class="icon-close"><img src="<inp2:m_TemplatesBase />img/icon-close.gif" width="6" height="6" alt="Close" /></a>
<form method="post" action="#" id="login-form" class="form login-form">
<fieldset>
<p><label for="email">E-mail:</label><input type="text" id="email" name="email" value="" class="field" /></p>
<p><label for="password">Password:</label><input type="text" id="password" name="password" value="" class="field" /></p>
<p><label><input type="checkbox" id="remember" name="remember" value="1" /> <u>Remember me on this computer</u></label></p>
<p class="buttons">
<input type="submit" value="Sign in" id="signin" class="green-button" />&nbsp;&nbsp;&nbsp;
<a href="#" style="font-weight: normal;">Forgot password?</a>
</p>
</fieldset>
</form>
</div>
</div>
</div>
<div class="cart">
<span class="phone" style="<inp2:m_ifnot check="ord_ItemsInCart">padding-right:338px;</inp2:m_ifnot>">1-855-WWW-PROS</span>
<inp2:m_if check="ord_ItemsInCart">
<span class="items"><inp2:ord_ItemsInCart/> Items: $1,759<i>.99</i></span>
<span class="delim">|</span>
- <a href="<inp2:m_Link template='checkout/shop_cart' m_cat_id='0' m_cat_page='1'/>">Checkout</a>
+ <a href="<inp2:m_Link template='checkout/cart' m_cat_id='0' m_cat_page='1'/>">Checkout</a>
</inp2:m_if>
</div>
+
+ <!-- Show recently added Product by loading content with Ajax -->
+ <div class="basketStatus" style="display:none;">
+ <div class="basketArrow"></div>
+ <div class="basketContent">
+ <p class="subtitle">Added to cart:</p>
+ <div class="img">
+ <img src="<inp2:m_TemplatesBase />img/samples/good5.jpg" width="58" height="58" alt="" />
+ </div>
+ <div class="info good-item">
+ <p>2 x Apple iMac Desktop Customizable</p>
+ <p class="price">$759.<span>95</span></p>
+ </div>
+ <div class="clear"></div>
+ </div>
+ </div>
+ <!-- end -->
+
</div>
<div class="clear"></div>
</div>
Index: branches/1.0.x/elements/content_boxes/special_deals.elm.tpl
===================================================================
--- branches/1.0.x/elements/content_boxes/special_deals.elm.tpl (revision 14746)
+++ branches/1.0.x/elements/content_boxes/special_deals.elm.tpl (revision 14747)
@@ -1,30 +1,30 @@
<inp2:m_Cache key="prefix:p;currency;guest_only">
<inp2:p_InitList list_name="featured_products" types="featured" parent_cat_id="0" recursive="1" per_page="10" sort_by="random"/>
<inp2:m_DefineElement name="featured_product_element">
<div class="good-item good-item-float">
<dl>
<dt><a href="<inp2:ProductLink template='__default__'/>"><inp2:Field field="Name" html_escape="1"/></a></dt>
<dd>
<p class="img"><a href="<inp2:ProductLink template='__default__'/>"><inp2:Image render_as="image_element" Primary="1" Thumbnail="1" DefaultImage="img/no_picture.gif" MaxWidth="136" MaxHeight="136"/></a></p>
<p class="price-deal"><s class="under"><inp2:Field name="MSRP" currency="selected"/>$2,549.<span>95</span></s><em class="price"><inp2:Field name="Price" currency="selected"/>$2,549.<span>95</span></em></p>
- <p><a href="<inp2:AddToCartLink template='checkout/shop_cart' product_template='__default__'/>" class="addtocart"><span>Add to Cart</span></a></p>
+ <p><a href="<inp2:AddToCartLink template='checkout/cart' product_template='__default__'/>" class="addtocart"><span>Add to Cart</span></a></p>
</dd>
</dl>
</div>
</inp2:m_DefineElement>
<div class="block block-margin no-border-bottom">
<h2><em>Special Deals</em><span class="sale"></span></h2>
<div id="scrollable">
<div class="items">
<inp2:p_ListProducts list_name="featured_products" render_as="featured_product_element" no_table="1"/>
<div class="clear"></div>
</div>
</div>
</div>
</inp2:m_Cache>
\ No newline at end of file
Index: branches/1.0.x/elements/content_boxes/new_products.elm.tpl
===================================================================
--- branches/1.0.x/elements/content_boxes/new_products.elm.tpl (revision 14746)
+++ branches/1.0.x/elements/content_boxes/new_products.elm.tpl (revision 14747)
@@ -1,26 +1,26 @@
<inp2:m_Cache key="prefix:p;currency;guest_only">
<inp2:p_InitList list_name="new_products" types="featured" parent_cat_id="0" recursive="1" per_page="12" sort_by="random"/>
- <inp2:m_DefineElement name="new_product_element">
+ <inp2:m_DefineElement name="product_new_element">
<div class="good-item good-item-narrow <inp2:m_if check='m_Param' name='is_last'>good-item-narrow-last </inp2:m_if>good-item-float border-radius">
<dl>
<dt><a href="<inp2:ProductLink template='__default__'/>"><inp2:Field field="Name" html_escape="1"/></a></dt>
<dd>
<p class="img"><a href="<inp2:ProductLink template='__default__'/>"><inp2:Image render_as="image_element" Primary="1" Thumbnail="1" DefaultImage="img/no_picture.gif" MaxWidth="136" MaxHeight="136"/></a></p>
<p class="price"><inp2:Field name="Price" currency="selected"/>$2,549.<span>95</span></p>
- <p><a href="<inp2:AddToCartLink template='checkout/shop_cart' product_template='__default__'/>" class="addtocart"><span>Add to Cart</span></a></p>
+ <p><a href="<inp2:AddToCartLink template='checkout/cart' product_template='__default__'/>" class="addtocart"><span>Add to Cart</span></a></p>
</dd>
</dl>
</div>
</inp2:m_DefineElement>
<div class="block no-border-bottom">
<h2><em>New Arrivals</em><span class="new"></span></h2>
- <inp2:p_ListProducts list_name="new_products" render_as="new_product_element" no_table="1"/>
+ <inp2:p_ListProducts list_name="new_products" render_as="product_new_element" no_table="1"/>
<div class="clear"></div>
</div>
</inp2:m_Cache>
\ No newline at end of file
Index: branches/1.0.x/elements/content_boxes/products.elm.tpl
===================================================================
--- branches/1.0.x/elements/content_boxes/products.elm.tpl (revision 14746)
+++ branches/1.0.x/elements/content_boxes/products.elm.tpl (revision 14747)
@@ -1,17 +1,17 @@
<inp2:m_DefaultParam prefix="p" list_name="products_in_category" type=""/>
<inp2:{$prefix}_InitList list_name="$list_name" main_list="1"/>
<inp2:m_Include template="elements/sorting.elm" list_name="$list_name" prefix="$prefix"/>
<div class="items border-radius">
<ul class="display">
- <inp2:{$prefix}_ListProducts list_name="$list_name" render_as="product_element"/>
+ <inp2:{$prefix}_ListProducts list_name="$list_name" render_as="product_list_element"/>
</ul>
<div class="clear"></div>
<inp2:m_Include template="elements/pagination.elm" list_name="$list_name" prefix="$prefix"/>
</div>
\ 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