Hi!
I have two shops, where a developer has a set up a code, so that the automatic discount code, is shown on the product page (so before adding it to the basket). In our DK and SE store, this works without any problems, but in our upcoming .com store, it won’t work - can someone help me?
The code looks like this:
/* Add extra badge for sale in cart */
.ProductItem__LabelList {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.ProductItem__Label.Sale {
order: 1;
}
.extrasale .ProductItem__Label.Extra20,
.template-product .extra-20{
order: 4;
background: var(–product-sale-price-color);
color: #fff;
line-height: 1em;
padding: 4px;
}
.ProductItem__PriceList .saveextra,
.ProductMeta__PriceList .saveextra{
line-height: 1em;
margin-top: 10px;
color: var(–product-sale-price-color);
}
.extrasale .ProductItem__Price.Price.Price–highlight,
.extrasale .ProductMeta__Price.Price.Price–highlight:not(.saveextra){
color: var(–text-color-light) !important;
position: relative;
margin-left: 20px;
}
.extrasale .ProductItem__Price.Price.Price–highlight:before,
.extrasale .ProductMeta__Price.Price.Price–highlight:not(.saveextra):before{
position: absolute;
content: “”;
top: 50%;
left: -0.4em;
width: calc(100% + 0.8em);
height: 1px;
background: currentColor;