Disable Right-Click on Images
.discount_badge {
position: relative;
font-size: 14px;
display: inline-block;
height: 24px;
line-height: 24px;
background-color: #FFBF00;
color: #000000;
padding: 0 5px;
border-radius: 3px;
font-weight: 700;
}
.single-title .discount_badge {
margin-right: 12px;
top: -3px;
animation: zoom 1s infinite linear;
}
@keyframes zoom {
0% {
transform: scale(0.9);
}
10% {
transform: scale(1);
}
80% {
transform: scale(0.9);
}
100% {
transform: scale(0.9);
}
}
var productItem = document.getElementsByClassName("product-item")
for (var i =
var price_checker = productItem[i].querySelector("div.product-info > div > span.currency-value.before") !== null;
if (price_checker) {
productItem[i].style.position = "relative"
var discount_pp = document.createElement("span")
discount_pp.setAttribute("class", "discount_pp")
productItem[i].appendChild(discount_pp)
var price_bef = productItem[i].querySelector("div.product-info > div > span.currency-value.before > span.value")
var price_aft = productItem[i].querySelector("div.product-info > div > span.currency-value.after > span.value")
var price_after = parseInt(price_aft.textContent)
var price_before = parseInt(price_bef.textContent)
var pp = (price_after * 100) / price_before
var pp_rounded = (Math.round((100 - pp))).toString()
discount_pp.innerHTML = pp_rounded + "%-"
}
body{
margin:5;
overflow-x:hidden;
}
.footer{
background:#737373;
padding:30px 0px;
font-family: 'Play', sans-serif;
text-align:center;
}
.footer .row{
width:100%;
margin:1% 0%;
padding:0.6% 0%;
color:gray;
font-size:0.8em;
}
.footer .row a{
text-decoration:none;
color:gray;
transition:0.5s;
}
.footer .row a:hover{
color:#737373;
}
.footer .row ul{
width:100%;
}
.footer .row ul li{
display:inline-block;
margin:0px 30px;
}
.footer .row a i{
font-size:2em;
margin:0% 1%;
}
@media (max-width:720px){
.footer{
text-align:left;
padding:5%;
}
.footer .row ul li{
display:block;
margin:10px 0px;
text-align:left;
}
.footer .row a i{
margin:0% 3%;
}
}
