All Collections
Find everything you want
var productItem = document.getElementsByClassName("product-item")
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%;
}
}
