From 2e1101deac643e35ec6bd1c6e9e384dc0ff2d191 Mon Sep 17 00:00:00 2001 From: qcigano Date: Sun, 2 Aug 2026 23:46:32 +0200 Subject: [PATCH] =?UTF-8?q?Karten=20im=20Haupt-Shop=20gleich=20gro=C3=9F?= =?UTF-8?q?=20+=20Versandkosten-Feld=20direkt=20unter=20Rabatte?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Fix: Auf der Haupt-Shop-Seite (/shop/) wirkten Produktkarten in derselben Reihe unterschiedlich groß, je nachdem wie lang Titel/Beschreibung waren. Ursache: jede Karte steckt dort zusätzlich in einem .product-slot-Div (fürs Filtern/Sortieren per JS). CSS Grid streckt dieses Div zwar auf die volle Zeilenhöhe, die Karte DARIN füllte diese Höhe aber nicht aus (ein normales
reicht "stretch" nicht an sein Kind weiter). Jetzt ist das Slot-Div selbst ein Flex-Container, wodurch sich die Karte darin auf die volle Höhe ausdehnt — alle Karten einer Reihe sind jetzt exakt gleich groß, unabhängig von der Textlänge. Admin: "🚚 Eigene Versandkosten je Land" steht jetzt direkt unter "🏷️ Rabatte" (vorher lag "Auf Lager" dazwischen). Die "🤝 Partner-Rabattcodes" bereits vorhandene Sektion sitzt weiterhin direkt unter "🎟️ Gutscheincodes" in der linken Bereichsliste (per Screenshot verifiziert) — falls sie nicht sichtbar war, lag es an gecachtem Admin-Tab, nicht an fehlender Konfiguration. Co-Authored-By: Claude Sonnet 5 --- public/admin/config.yml | 10 +++++----- src/styles/global.css | 10 ++++++++++ 2 files changed, 15 insertions(+), 5 deletions(-) diff --git a/public/admin/config.yml b/public/admin/config.yml index 52ff584..1cb2c28 100644 --- a/public/admin/config.yml +++ b/public/admin/config.yml @@ -81,11 +81,6 @@ collections: fields: - { label: "Ab wie vielen Stück", name: abMenge, widget: number, value_type: int } - { label: "Rabatt in Prozent", name: prozent, widget: number, value_type: int } - - label: "Auf Lager" - name: bestand - widget: number - value_type: int - hint: "Wie viele Stück hast du vorrätig? 0 = ausverkauft (Artikel bleibt trotzdem sichtbar)." - label: "🚚 Eigene Versandkosten je Land (nur für Einzelkauf dieses Produkts)" name: versand widget: object @@ -95,6 +90,11 @@ collections: - { label: "Österreich (€)", name: at, widget: number, value_type: float, step: 0.01, required: false } - { label: "Schweiz (€)", name: ch, widget: number, value_type: float, step: 0.01, required: false } - { label: "Luxemburg (€)", name: lu, widget: number, value_type: float, step: 0.01, required: false } + - label: "Auf Lager" + name: bestand + widget: number + value_type: int + hint: "Wie viele Stück hast du vorrätig? 0 = ausverkauft (Artikel bleibt trotzdem sichtbar)." - label: Kategorie name: kategorie widget: relation diff --git a/src/styles/global.css b/src/styles/global.css index 28b14d4..9ac6a43 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -179,6 +179,16 @@ a.card:hover { @media (max-width: 900px) { .grid-3, .grid-4 { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 620px) { .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; } } +/* Der Haupt-Shop (/shop/) wickelt jede Produktkarte zusätzlich in ein .product-slot-Div ein + (nötig für den Filter/Sortier-JS-Code, das einzelne Karten ein-/ausblendet). CSS Grid streckt + dieses Div zwar automatisch auf die volle Zeilenhöhe, die Karte DARIN füllte diese Höhe aber + nicht aus (ein normales
reicht "stretch" nicht an sein Kind weiter) — dadurch wirkten + Karten mit kurzem Text kleiner als Karten mit langem Text in derselben Reihe. Fix: das Slot-Div + selbst zum Flex-Container machen, dessen einziges Kind (die Karte) sich per Flex-Stretch auf + die volle Höhe ausdehnt — Karten in derselben Zeile sind dadurch überall gleich groß. */ +.product-slot { display: flex; } +.product-slot > a { flex: 1; } + /* Badges */ .badge { display: inline-block;