Tuesday, 20 October 2015
PRODUCT LABEL ICON CODE
--------------------------------------------------------------------------------------------------------------------------
PRODUCT LABEL ICON
COPY AND PASTE BELOW CODE IN POST HTML SECTION
--------------------------------------------------------------------------------------------------------------------------
<html>
<head>
<title></title>
<style>
/* main */
body *, .button a, .button-action a, .button-big a, .button-submit-action input, .button-submit input, .button-submit-big input {
font-family: Tahoma, Helvetica, Arial, sans-serif !important;
}
.main {
box-shadow: 0 4px 4px #CCCCCC;
}
/* my account */
.my-account .cm-popup-title, .my-account .cm-popup-title-on:hover {
background: none;
margin-top: 1px;
}
.my-account .cm-popup-title.unlogged a {
text-transform: none;
background: url(//d28uiiearg7to.cloudfront.net/images/icons/icon_myac.gif) no-repeat 3px 0px;
font: normal 12px Tahoma;
color: #464646;
}
/* top links */
.top-links > ul > li {
list-style-type: none;
float: left;
}
.top-links >ul > li > a {
font: normal 12px Tahoma;
color: #464646;
margin: 0px 10px;
padding-left: 25px;
}
.top-links > ul > li:after {
content: '| ';
}
.icon.gift {
background: url(//d28uiiearg7to.cloudfront.net/images/icons/icon_gift.gif) no-repeat 6px 0px;
}
.icon.pricedrop {
background: url(//d28uiiearg7to.cloudfront.net/images/icons/icon_pricedrop.gif) no-repeat 6px 0px;
}
.icon.pricedrop.pricedrop10 {
background: url(//d28uiiearg7to.cloudfront.net/images/icons/icon_pricedrop-10.gif) no-repeat 0px 0px;
}
#pricedrop-content {
position: absolute;
z-index: 1;
overflow-y: auto;
height: 525px;
width: 400px;
background-color: white;
border: 1px solid grey;
border-radius: 10px;
padding-left: 10px;
display: none;
}
/* search */
.search-block {
border: 2px solid #9dd529;
border-radius: 3px;
}
html .search-input, html input.search-input:focus {
background: none;
border: none;
}
/* hot-search */
#hot-search {
font: normal 12px Tahoma;
color: #464646;
}
#hot-search a {
text-decoration: underline;
}
/* cart icon */
.cart-content-grid > * {
margin-right: 50px;
}
.minicart {
min-width: 200px;
margin-bottom: 10px;
}
.minicart .cm-popup-title, .minicart .cm-popup-title-on:hover {
padding: 0px;
background: none;
}
.minicart-title {
font: bold 22px Tahoma;
color: #2f7493;
}
.minicart-count {
font: bold 14px Tahoma;
color: #fff;
position: relative;
left: 40px;
bottom: 18px;
}
.minicart-count.small {
font-size: 12px;
left: 44px;
}
.cart-icon {
background: url(//d28uiiearg7to.cloudfront.net/images/icons/icon_cart.png) no-repeat 0px 0px;
height: 38px;
width: 42px;
display: inline-block;
vertical-align: bottom;
float: none;
}
.cart-icon.filled {
background: url(//d28uiiearg7to.cloudfront.net/images/icons/icon_cart2.png) no-repeat 0px 0px;
}
/* cart-items */
.cm-popup-box.popup-content {
border: 2px solid #9dd529;
border-radius: 3px;
}
.cm-popup-box .cart-items a, .cm-popup-box .cart-items span {
font-family: Tahoma, Helvetica, Arial, sans-serif;
font-weight: normal;
}
/* category */
ul.dropdown-multicolumns {
background: none;
padding: 0px;
}
ul.dropdown-multicolumns li a.drop, ul.dropdown-multicolumns li.nodrop a,ul.dropdown-multicolumns li a.drop:hover, ul.dropdown-multicolumns li:hover .drop, ul.dropdown-multicolumns li a.nodrop:hover, ul.dropdown-multicolumns li:hover .nodrop, ul.dropdown-multicolumns li.nodrop:hover > a {
font: bold 15px Tahoma;
color: #333333;
text-shadow: none;
background: none;
height: auto;
padding: 5px 6px;
}
ul.dropdown-multicolumns > li.nodrop:hover {
border-radius: 3px;
margin: 0px;
}
ul.dropdown-multicolumns > li.nodrop:hover, ul.dropdown-multicolumns > li:hover {
background: #9dd529;
}
.dropdown-1column, .dropdown-2columns, .dropdown-3columns, .dropdown-4columns, .dropdown-5columns, .dropdown-fullwidth {
border: 2px solid #9DD529;
box-shadow: none;
top: 28px !important;
}
.dropdown-multicolumns li:hover .dropdown-1column, .dropdown-multicolumns li:hover .dropdown-2columns, .dropdown-multicolumns li:hover .dropdown-3columns, .dropdown-multicolumns li:hover .dropdown-4columns, .dropdown-multicolumns li:hover .dropdown-5columns {
left:0px;
}
.dropdown-multicolumns .separator {
float: left;
line-height: 28px;
}
ul.dropdown-multicolumns > li.home:hover {
background-color: transparent;
}
ul.dropdown-multicolumns li.home a, ul.dropdown-multicolumns li.home:hover a {
padding: 0px;
margin-right: 6px;
}
ul.dropdown-multicolumns li.home img {
height: 28px;
}
/* breadcrumbs */
div.breadcrumbs-menu {
color: #464646;
}
.dropdown-breadcrumbs {
padding: 0px;
border: none;
max-height: 21px;
overflow: hidden;
}
.hide-last .dropdown-breadcrumbs > .breadcrumbs-menu:last-child {
display: none;
}
/* product page */
.product-main-info {
margin-bottom: 10px;
}
.product-info {
overflow: visible;
}
/* title */
.product-main-info .product-title {
font: bold 24px Tahoma;
color: #2f7493;
}
.product-main-info .product-sku {
margin: 5px 0px;
font: normal 12px Tahoma;
color: #777;
}
/* product-header */
.product-header {
margin: 16px 0px;
}
.product-header .icon {
padding: 3px 0px 3px 3px;
margin-right: 5px;
font: bold 12px Tahoma;
color: #464646;
position: relative;
display: inline-block;
}
.product-header .icon:before {
content: '';
background: url(//d28uiiearg7to.cloudfront.net/images/icons/icon_s2.png) no-repeat;
padding-left: 20px;
}
.product-header .icon.wishlist:before {
}
.product-header .icon.pricealert:before {
background-position-x: -32px;
}
.product-header .icon.moreoptions:before {
background-position-x: -64px;
}
.product-header .icon.compareprice:before {
background-position-x: -98px;
}
/* more-option */
.opt-content {
position: absolute;
left: -999em;
padding: 5px;
background: #fff;
border: 1px solid #5091AE;
width: 245px;
}
.moreoptions:hover .opt-content {
left: 0px;
top: auto;
z-index: 100;
}
.opt-row:hover {
background: #D3D3D3;
}
.opt-img {
max-width: 45px;
max-height: 45px;
}
.opt-title {
display: inline-block;
vertical-align: middle;
width: 200px;
font: normal 12px Tahoma;
color: #000;
}
/* images */
.product-main-info .image-border {
margin-right: 0px;
}
.product-main-info .product-thumbnails.center {
max-height: 82px;
overflow: hidden;
}
/* info */
.info-area {
display: inline-block;
vertical-align: top;
width: 250px;
padding: 0px 10px 10px;
}
.info-area > div{
margin-bottom: 15px;
}
/* highlights */
.product-highlights {
max-height: 200px;
overflow: hidden;
}
.product-highlights h3 {
font:bold 16px Tahoma;
color:#464646;
text-transform: uppercase;
margin-bottom: 6px;
}
.product-highlights .content {
font:normal 12px Tahoma;
color:#464646;
}
/* stock */
.product-stock {
font:bold 16px Tahoma;
color:#464646;
}
/* product-labels */
.product-labels .lg-label {
background-color: #5091AE;
padding: 0px 10px 10px;
margin-bottom: 5px;
}
.product-labels .lg-label .title h3{
font: bold 16px Tahoma;
color: #fff;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
max-width: 170px;
}
.product-labels .lg-label .content{
font:normal 14px Tahoma;
color:#fff;
}
.product-labels ul{
position: relative;
min-height: 150px;
}
.product-labels ul li {
float: left;
position: static !important;
}
.product-labels ul li img {
display: block;
margin-right: 10px;
padding-bottom: 10px;
width: 48px;
height: 48px;
}
.product-labels-desc {
position: absolute;
left: -999em;
padding: 10px;
border: 1px solid #5091AE;
color: #333;
background: #fff;
}
.product-labels li:hover .product-labels-desc, .product-labels li.hovered .product-labels-desc{
left: 0px;
top: auto;
z-index: 100;
}
.product-labels-desc h3 {
font:normal 16px Tahoma;
color:#5091AE;
text-transform: uppercase;
}
.product-labels-desc .content {
font:normal 14px Tahoma;
color:#777;
}
.product-labels-desc:before {
content: "";
position: absolute;
border-style: solid;
border-color: #5091AE transparent;
display: block;
width: 0;
top: -10px;
border-width: 0 10px 10px;
left: 15px;
}
.product-labels-desc:after {
content: "";
position: absolute;
border-style: solid;
border-color: #fff transparent;
display: block;
width: 0;
top: -9px;
border-width: 0 15px 15px;
left: 10px;
}
.product-labels li:nth-child(2) .product-labels-desc:before {
left: 75px;
}
.product-labels li:nth-child(2) .product-labels-desc:after {
left: 70px;
}
.product-labels li:nth-child(3) .product-labels-desc:before {
left: 135px;
}
.product-labels li:nth-child(3) .product-labels-desc:after {
left: 130px;
}
/* info-right */
.product-info-right {
display: inline-block;
vertical-align: top;
width: 250px;
padding: 0px 10px 10px;
}
/* dispatch-24hrs */
.dispatch-24hrs {
position: relative;
left: -22px;
margin-bottom: 15px;
}
/* price */
.price-area {
width: 215px;
padding: 15px;
border: 1px solid #777;
}
.product-old-price {
font: normal 14px Tahoma;
color: #777;
}
.our-price {
font: normal 14px Tahoma;
color: #777;
}
.product-price {
font: bold 30px Tahoma;
color:#2f7493;
}
.order-products .product-price {
font-size: 12px;
}
.product-price .product-discount-label {
padding: 0 0 0 10px;
background: url(//d28uiiearg7to.cloudfront.net/images/icons/discount_label.png) no-repeat left top 4px;
display: inline-block;
margin: 2px 0 0 10px;
vertical-align: top;
}
.product-price .product-discount-label span{
padding: 7px;
background: url(//d28uiiearg7to.cloudfront.net/images/icons/discount_label.png) no-repeat right -35px;
display: block;
font: normal 16px Tahoma;
color: #fff;
}
.product-save-price {
font: normal 14px Tahoma;
color: #777;
}
/* product-qty */
.product-qty {
margin: 10px 0px;
}
.product-qty > span{
font: normal 14px Tahoma;
color: #777;
float: left;
line-height: 28px;
}
.changer {
width: 55px;
display: inline-block;
margin: 0px 10px;
}
/* add-to-cart */
.add-to-cart {
text-align: center;
}
.add-to-cart > div {
margin: 10px 0px;
}
/* cs */
.cs-area {
margin-top: 20px;
text-align: center;
font: bold 16px Tahoma;
color: #464646;
}
.askus-button {
background-color: #777;
border-radius: 999rem;
color: #fff;
cursor: pointer;
display: inline-block;
min-width: 100px;
padding: 5px 20px;
margin: 5px auto;
}
/* tab area */
ul.tab-bar {
margin: 0px;
}
ul.tab-bar li {
list-style-type: none;
float: left;
}
ul.tab-bar:after {
content:'';
display:block;
clear: both;
}
/* conf-bar */
#conf-bar {
border-bottom: 2px solid #777;
padding-bottom: 5px;
}
#conf-bar li a{
margin-right: 10px;
font: normal 16px Tahoma;
color: #464646;
}
#conf-bar li a:hover{
color: #ff0000;
text-decoration: underline;
}
#conf-bar li:not(:last-child):after {
content: '|';
margin-right: 10px;
}
/* info-bar */
#info-bar {
border-bottom: 2px solid #464646;
padding-bottom: 8px;
padding-top: 10px;
}
#info-bar li a {
padding: 10px 10px 8px 10px;
font: normal 15px Tahoma;
color: #464646;
}
#info-bar li a:hover , #info-bar li a.hovered {
background-color: #464646;
color: #fff;
}
/* desc area */
.content-title {
margin-top: 40px;
margin-bottom: 18px;
font: normal 14px Tahoma;
color: #464646;
border-bottom: 2px solid #777;
}
.content-body {
overflow: hidden;
}
.content-body, .content-body * {
font-size: 12px !important;
color: #464646 !important;
font-family: Tahoma !important;
}
/* loading */
div.loading:after {
display: block;
content: '';
width: 100%;
height: 25px;
background: url('//d28uiiearg7to.cloudfront.net/images/ajax-loader.gif') no-repeat center/25px
}
/* features */
#content_features .form-field label {
width: 178px;
}
#content_features .feature-value {
margin: 0 12px 0 198px;
}
/* quick-view */
.ui-dialog .ui-dialog-titlebar {
background: none repeat scroll 0 0 #90ca20 !important;
}
.product-quick-view .product-info {
padding-right: 20px;
}
.product-quick-view .product-info > div, .product-quick-view .product-info > hr {
margin-bottom: 10px;
}
.product-quick-view .changer, .product-quick-view .add-to-cart{
display: inline-block;
vertical-align: middle;
}
.product-quick-view .add-to-cart input{
height: 35px;
}
.view-more a {
font: bold 16px Tahoma;
color: #2f7493;
float: right;
}
/* Mainbox simple */
.mainbox2-container {
border: none;
}
.mainbox2-title {
border-bottom: 2px solid #777;
}
.mainbox2-title span {
font: normal 16px Tahoma;
color: #464646;
text-transform: none;
}
.jcarousel-container .product-container .product-title {
font: normal 14px Tahoma;
color: #464646;
}
.price {
font: bold 14px Tahoma !important;
color: #cd0c0c;
}
.list-price {
font: normal 12px Tahoma;
color: #464646;
}
/* product-notification */
.product-notification h1 {
background: none repeat scroll 0 0 #90ca20;
color: white;
}
.product-notification-buttons {
padding: 5px 10%;
}
.checkout-btns #btn_pn_shopping {
margin-top: 10px;
}
/* Shared */
.social-login {
display: -moz-inline-box;
display: inline-block;
}
.social-login a{
line-height: 28px !important;
padding: 0 10px 1px !important;
}
ul.paym-methods {
width: inherit;
}
.qty-discounts-wrap {
display: none;
}
.intl_ver {
margin: 10px 0px;
font: normal 12px Tahoma;
color: #777;
}
.intl_ver label span {
display: inline-block;
vertical-align: middle;
width: 180px;
}
.intl_ver .info-icon {
width: 16px;
border-radius: 50%;
display: inline-block;
font-size: 14px/10px;
text-align: center;
font-weight: bold;
color: black;
border: 2px solid #5091AE;
}
/* Block */
.blackwhite .mainbox2-title {
background: black;
padding: 9px 12px;
border: none;
}
.blackwhite .mainbox2-title span {
color: white;
font-size: 14px;
font-weight: bold;
}
.blackwhite .button-submit-action input {
background: none repeat scroll 0 0 #000 !important;
}
.orangewhite .mainbox2-title {
background: #FEBF01;
padding: 9px 12px;
border: none;
}
.orangewhite .mainbox2-title span {
color: white;
font-size: 14px;
font-weight: bold;
}
.orangewhite .button-submit-action input {
background: none repeat scroll 0 0 #FEBF01 !important;
}
</style>
<style>
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;font-size:100%;margin:0;padding:0}html,body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:left}svg{overflow:hidden}
</style>
</head>
<body>
<div class="product-info">
<div class="info-area">
<div class="product-highlights">
<h3 class="product_highlights_title">Product Highlights</h3>
<div class="content">
<p>- Live MOS Sensor type</p><p>- Micro Four Thirds Lens mount</p><p>- SD, SDHC, SDXC Memory card slot</p><p>- 1/8000 sec - 60 sec Shutter speed</p>
</div>
</div></div>
<div id="tfw-badge"></div>
<div class="product-stock">
<span>In stock</span>
</br>
</br>
</div>
<div class="product-labels">
<div class="lg-label">
<div class="title">
<img src="//cdn.eglobalcentral.co.uk/images/icons/btn_freeshipping.png">
<h3 class="label_freeshipping_title">Free Shipping</h3>
</div>
<div class="content label_freeshipping_content">Free Shipping on orders over £50<br>Usually delivers in 6-8 working days</div>
</div>
<ul>
<li>
<img src="//cdn.eglobalcentral.co.uk/images/icons/btn_30day-GBP.png">
<div class="product-labels-desc">
<h3 class="label_30day_title">30 Day Return Policy</h3>
<div class="content label_30day_content">Money Back Guarantee for your products. Peace of mind shopping!</div>
</div>
</li>
<li>
<img src="//cdn.eglobalcentral.co.uk/images/icons/btn_12-24month.png">
<div class="product-labels-desc">
<h3 class="label_warranty_title">12 - 24 Months Warranty</h3>
<div class="content label_warranty_content">Backed by our in-house eGlobal Central Warranty Service</div>
</div>
</li>
<li>
<img src="//cdn.eglobalcentral.co.uk/images/icons/btn_price-GBP.png">
<div class="product-labels-desc">
<h3 class="label_price_title">Competitive Prices</h3>
<div class="content label_price_content">We strive to find you the best prices possible!</div>
</div>
</li>
</ul>
</div>
</div>
</body>
</html>
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment