eCommerce
Basket Summary 
- Class name: (k-basket-sum)
- Version: 1.0
The Basket Summary allows you to present the user a simple way to follow the number of products she added to the basket.
You may place the basket summary on the header of your page, inside the "k-tools" block.
HTML5 Plain Code
-
<p class="k-basket-sum"><a href="#" title="See basket details"><strong>0</strong> items in your basket</a></p>
CSS Code
-
p.k-basket-sum { -
top: 1.5em;
-
right: 4%;
-
width: 16.5em;
-
font: 0.8em open_sansbold, "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-
text-align: right;
-
color: #FFF;
-
background: #000 url(../img/k-theme0/bg_basket-sum.png) 5px 2px no-repeat;
-
border-right: 1px solid #808080;
-
}
-
p.k-basket-sum a, p.k-basket-sum a:link, p.k-basket-sum a:visited { -
display: block;
-
text-decoration: none;
-
color: #FFF;
-
background: transparent;
-
padding: 0.5em 8px 0.5em 0;
-
}
IE Backward Compatibility
In order to correct display bugs for Internet Explorer versions prior to 9, your html pages need to call the following file by Conditional Comments:
Navigation
Forms
Tables
Blocks
Site Utilities
Editorial
eCommerce