DogFatherGit/vans-diy-bastelbedarf
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

Fix: alter Preis bei Rabatt war auf der Produktseite nicht durchgestrichen

Browse Source 
.price-old hatte nur in ProductCard.astro (Produktkarten im Shop-Grid)
eine CSS-Regel — auf der Produktdetailseite fehlte sie sitesweit
komplett, der alte Preis stand deshalb dort einfach nur normal daneben
statt durchgestrichen zu sein. Jetzt global definiert, gilt überall.

Verifiziert per Puppeteer: text-decoration ist jetzt line-through.
This commit is contained in:
qcigano
2026-08-02 21:08:45 +02:00
parent f4a48c519c
commit 3cebb9c3cd
1 changed files with 3 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/global.css
+3
View File
@@ -803,6 +803,9 @@ a:focus-visible, button:focus-visible {
.badge-row { display: flex; gap: 0.5rem; margin-bottom: 0.8rem; flex-wrap: wrap; }
.price-row-detail { display: flex; align-items: baseline; gap: 0.8rem; margin-bottom: 0.2rem; flex-wrap: wrap; }
.price-detail { font-size: 1.8rem; font-weight: 700; color: var(--c-accent); }
/* Durchgestrichener alter Preis bei Rabatt — global, damit das auch auf der Produktseite gilt
(ProductCard.astro hatte die gleiche Regel bereits scoped, hier fehlte sie sitesweit). */
.price-old { color: var(--c-text-muted); text-decoration: line-through; font-size: 1.1rem; }
.badge-rabatt { background: #ff5f7e; color: #fff; border-color: #ff5f7e; }
.mengenrabatt-list { list-style: none; margin: 0 0 1rem; padding: 0; display: flex; flex-wrap: wrap; gap: 0.5em; }
.mengenrabatt-list li {