style(warenkorb-neu): unter dem Label rechts Link zu europa.eu/youreurope/garantien

This commit is contained in:
Thomas Bartelt
2026-09-18 21:03:15 +02:00
parent 8f2b69827e
commit f642ba7f06
@@ -76,10 +76,15 @@
</div>
<aside class="wk-side">
<a class="wk-label" href="{$THEME_DIR}/media/images/label-gewaehrleistung.webp" target="_blank" rel="noopener" title="Gesetzliche Gew&auml;hrleistung: das ganze Label &ouml;ffnen">
<img src="{$THEME_DIR}/media/images/label-gewaehrleistung.webp" alt="Gesetzliche Gew&auml;hrleistung" />
<span>Gro&szlig; anzeigen</span>
</a>
<div class="wk-label">
<a href="{$THEME_DIR}/media/images/label-gewaehrleistung.webp" target="_blank" rel="noopener" title="Gesetzliche Gew&auml;hrleistung: das ganze Label &ouml;ffnen">
<img src="{$THEME_DIR}/media/images/label-gewaehrleistung.webp" alt="Gesetzliche Gew&auml;hrleistung" />
</a>
<div class="wk-label-links">
<a href="{$THEME_DIR}/media/images/label-gewaehrleistung.webp" target="_blank" rel="noopener">Gro&szlig; anzeigen</a>
<a href="https://europa.eu/youreurope/garantien" target="_blank" rel="noopener" title="Ihre Rechte bei der EU nachlesen">europa.eu/youreurope/garantien &#8599;</a>
</div>
</div>
<div class="wk-box">
<div class="wk-line"><span>Zwischensumme</span><span>{$shoppingcart.shown_price_sum|number_format:"2":",":"."} &euro;</span></div>
{foreach $shoppingcart.tax_values as $taxRate => $taxData}
@@ -129,10 +134,11 @@
.wk-box { background: #fafafa; border: 1px solid #e3e3e3; border-radius: 8px; padding: 16px; }
/* Gewaehrleistungs-Label ueber dem Kasten: volle Breite der Spalte, Hoehe folgt dem Seitenverhaeltnis
(Tom, 18.09.), Klick oeffnet das Label gross in neuem Tab */
.wk-label { display: block; margin-bottom: 12px; border: 1px solid #e3e3e3; border-radius: 8px; overflow: hidden; background: #fff; text-decoration: none; color: #333; }
.wk-label { margin-bottom: 12px; border: 1px solid #e3e3e3; border-radius: 8px; overflow: hidden; background: #fff; }
.wk-label img { display: block; width: 100%; height: auto; }
.wk-label span { display: block; font-size: 12px; padding: 7px 10px; color: #555; }
.wk-label:hover span { color: #FF6700; }
.wk-label-links { display: flex; justify-content: space-between; gap: 8px; font-size: 12px; padding: 7px 10px; }
.wk-label-links a { color: #555; text-decoration: none; }
.wk-label-links a:hover { color: #FF6700; }
/* Zeile zweistufig (Tom, 18.09.): oben Bild + Name/Nr, darunter Stepper + Zeilensumme.
Die Inhaltsspalte des Themes ist nur 722px breit, fuenf Spalten nebeneinander tragen da nicht. */