From 576c216136740d1da2f9b19616818c610ca57a16 Mon Sep 17 00:00:00 2001 From: Roger Rehnelt Date: Thu, 1 Oct 2026 19:14:59 +0200 Subject: Blöcke: Produktliste, Mini-Warenkorb, Kundenkonto, Warenkorb und Kasse MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Neue Blöcke mit block.json, gerendert über die Vorlagen des Shops; der Produktblock bleibt mit Namen und Attributen erhalten. Die Produktliste zeigt den Warenkorb-Knopf nur auf Wunsch und nicht für Produkte mit „Kauf nur über die Detailseite“, Varianten oder Pflichtangaben. Der Mini-Warenkorb lädt seinen Inhalt nach, die Seite bleibt cachebar. Co-Authored-By: Claude Opus 5.5 --- views/css/frontend.css | 21 ++++++++++++++++++++- 1 file changed, 20 insertions(+), 1 deletion(-) (limited to 'views/css/frontend.css') diff --git a/views/css/frontend.css b/views/css/frontend.css index 0d7d4ff..c2354f3 100644 --- a/views/css/frontend.css +++ b/views/css/frontend.css @@ -704,4 +704,23 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max .wpsg_mod_prepayment_qrrechnung_left_qrcodeimg { width:240px; height:240px; } .wpsg_mod_prepayment_qrrechnung_left_wrap { display:flex; gap:25%; } .wpsg_mod_prepayment_qrrechnung_left_currency { display:flex; flex-direction:column; } -.wpsg_mod_prepayment_qrrechnung_left_amount { display:flex; flex-direction:column; } \ No newline at end of file +.wpsg_mod_prepayment_qrrechnung_left_amount { display:flex; flex-direction:column; } + +/* Blöcke: Produktliste, Mini-Warenkorb, Kundenkonto (seit 4.6.1, nur neue Klassen) */ +.wpsg-block-product-list .wpsg-product-list__items { display:grid; grid-template-columns:repeat(var(--wpsg-columns, 3), minmax(0, 1fr)); gap:2rem 1rem; list-style:none; margin:0; padding:0; } +.wpsg-block-product-list .wpsg-product-list__item { display:flex; flex-direction:column; gap:0.5em; min-width:0; margin:0; padding:0; } +.wpsg-block-product-list .wpsg-product-list__image img { display:block; width:100%; height:auto; } +.wpsg-block-product-list .wpsg-product-list__title { margin:0; font-size:1em; line-height:1.3; overflow-wrap:anywhere; hyphens:auto; } +.wpsg-block-product-list .wpsg-product-list__price { font-size:1.2em; } +.wpsg-block-product-list .wpsg-product-list__taxnote, +.wpsg-block-product-list .wpsg-product-list__baseprice { font-size:0.8em; } +.wpsg-block-product-list .wpsg-product-list__action { margin-top:auto; padding-top:0.5em; } +.wpsg-block-product-list .wpsg-product-list__action form { margin:0; } +.wpsg-block-product-list .wpsg-product-list__action .wpsg_button { display:block; width:100%; margin:0; text-align:center; box-sizing:border-box; } +.wpsg-block-mini-cart .wpsg-mini-cart__link, +.wpsg-block-customer-account .wpsg-customer-account__link { display:inline-flex; flex-wrap:wrap; align-items:baseline; gap:0.5em; } +.wpsg-block-mini-cart .wpsg-mini-cart__content { display:inline-flex; gap:0.5em; } +.wpsg-block-mini-cart .wpsg-mini-cart__sum { font-weight:bold; } +@media (max-width:600px) { + .wpsg-block-product-list .wpsg-product-list__items { grid-template-columns:repeat(min(var(--wpsg-columns, 3), 2), minmax(0, 1fr)); } +} -- cgit v1.2.3