style(kasse-neu): Label-Zeile mit 'Gross anzeigen' und EU-Link wie im Warenkorb
This commit is contained in:
@@ -334,9 +334,15 @@
|
||||
|
||||
{* ---------------------------------------------------------------- Bestellkasten *}
|
||||
<aside class="ck-side">
|
||||
<a class="ck-label" href="{$THEME_DIR}/media/images/label-gewaehrleistung.webp" target="_blank" rel="noopener" title="Gesetzliche Gewährleistung: groß anzeigen">
|
||||
<img src="{$THEME_DIR}/media/images/label-gewaehrleistung.webp" alt="Gesetzliche Gewährleistung" />
|
||||
</a>
|
||||
<div class="ck-label">
|
||||
<a href="{$THEME_DIR}/media/images/label-gewaehrleistung.webp" target="_blank" rel="noopener" title="Gesetzliche Gewährleistung: groß anzeigen">
|
||||
<img src="{$THEME_DIR}/media/images/label-gewaehrleistung.webp" alt="Gesetzliche Gewährleistung" />
|
||||
</a>
|
||||
<div class="ck-label-links">
|
||||
<a href="{$THEME_DIR}/media/images/label-gewaehrleistung.webp" target="_blank" rel="noopener">Groß anzeigen</a>
|
||||
<a href="https://europa.eu/youreurope/garantien" target="_blank" rel="noopener" title="Ihre Rechte bei der EU nachlesen">europa.eu/youreurope/garantien ↗</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ck-box">
|
||||
<div class="ck-box-h">Ihre Bestellung</div>
|
||||
{if $shoppingcart.items}
|
||||
@@ -494,8 +500,11 @@ a.ck-link { text-decoration: none; color: #333; }
|
||||
.ck-btn-ghost { background: #fff; color: #555; border-color: #cfcfcf; font-weight: 400; height: 36px; font-size: 13px; width: auto; padding: 0 14px; }
|
||||
.ck-btn-ghost:hover { border-color: #999; }
|
||||
|
||||
.ck-label { display: block; margin-bottom: 12px; border: 1px solid #e3e3e3; border-radius: 8px; overflow: hidden; background: #fff; }
|
||||
.ck-label { margin-bottom: 12px; border: 1px solid #e3e3e3; border-radius: 8px; overflow: hidden; background: #fff; }
|
||||
.ck-label img { display: block; width: 100%; height: auto; }
|
||||
.ck-label-links { display: flex; justify-content: space-between; gap: 8px; font-size: 12px; padding: 7px 10px; }
|
||||
.ck-label-links a { color: #555; text-decoration: none; }
|
||||
.ck-label-links a:hover { color: #FF6700; }
|
||||
|
||||
@container (min-width: 900px) { .ck-side { flex-basis: 320px; } }
|
||||
@container (max-width: 640px) {
|
||||
|
||||
Reference in New Issue
Block a user