Welcome, please login or register

Sale tag instead of regular product price?

0 votes
165 views
Is it possible to have a sale tag displayed on products that are on sale instead of regular product price?
 
Basically I want something like: Sale $22.00 displayed instead of the current reg / sale price schema.
asked in Products by Mike

1 Answer

0 votes
Mike, sure - you could use custom css to apply background image (that looks like a sale tag), to the regular products price, and than custom JS to insert "on sale" inside the div that holds regular product price.
 
For the products listing pages (where multiple products are shown) this should be a good start:
 
custom CSS:
.l_reg_pr {
	position:relative;
	z-index:6;
	width:62px;
	height:56px;
	line-height:56px;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	text-align:right;
	padding:0 8px 0 0;
	margin:0;
	background: url('//eez.io/img/on_sale_tag.png') no-repeat right center;
	}

 

custom JS:

$(document).ready(function() {

	$('.l_reg_pr').html('on sale');
});

 

Melony - eez.io support

answered by support (3,846 points)
Sell Online
Features
Pricing
Support
FAQ
Tutorials
Contact Us
Privacy
Terms
...