https://github.com/aggrosoft/oxid-percent-off

Shows percent off when entering UVP prices
https://github.com/aggrosoft/oxid-percent-off

Last synced: about 1 month ago
JSON representation

Shows percent off when entering UVP prices

• Host: GitHub
• URL: https://github.com/aggrosoft/oxid-percent-off
• Owner: aggrosoft
• License: mit
• Created: 2020-07-06T10:56:07.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2022-03-07T09:43:45.000Z (almost 3 years ago)
• Last Synced: 2024-05-06T11:06:07.267Z (8 months ago)
• Language: PHP
• Size: 7.81 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# oxid-percent-off

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.

```css

.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;

}

```