aggrosoft/oxid-percent-off

Display percent off when UVP is set.

1.0.1 2020-07-28 13:00 UTC

This package is auto-updated.

Last update: 2024-04-07 14:01:12 UTC


README

Shows percent off when entering UVP prices

Installation

Only via composer

composer require aggrosoft/oxid-percent-off

CSS

Module does not ship with an extra css file, here is some markup you can use to get started. Add this to your shop less or css file.

.percent-off-box {
  position: relative;
}
.percent-off-box .ribbon:before {
    width: 0;
    height: 0;
    border-top: 60px solid red;
    border-right: 60px solid transparent;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.percent-off-box .ribbon span {
  font-size: 18px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg) translateZ(0);
  -webkit-transform: rotate(-45deg) translateZ(0);
  width: 60px;
  display: block;
  position: absolute;
  top: 10px;
  left: -11px;
  pointer-events: none;
}