From d47da4744f951937d2769045af303a032dc20755 Mon Sep 17 00:00:00 2001 From: Roger Rehnelt Date: Thu, 1 Oct 2026 20:34:26 +0200 Subject: Blöcke: Produktfilter MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Neuer Block Produktfilter (Preis, Varianten, Produktattribute) auf Grundlage von [wpsg_productview_filter]. Er filtert die Produktlisten und Produktansichten derselben Seite; die Auswahl steht in der Adresse, ohne JavaScript bedienbar, Anzahl für Screenreader. Co-Authored-By: Claude Opus 5.5 --- views/css/frontend.css | 3 +++ 1 file changed, 3 insertions(+) (limited to 'views/css/frontend.css') diff --git a/views/css/frontend.css b/views/css/frontend.css index 4ca386f..4ba7a0f 100644 --- a/views/css/frontend.css +++ b/views/css/frontend.css @@ -707,6 +707,8 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max .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__count { margin:0 0 1rem; } +.wpsg-block-product-list .wpsg-product-list__count:empty { display:none; } .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; } @@ -765,6 +767,7 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max .wpsg-pvf .wpsg-pvf__price { display:flex; flex-wrap:wrap; align-items:center; gap:0.5em; } .wpsg-pvf .wpsg-pvf__price label { display:flex; align-items:center; gap:0.35em; } .wpsg-pvf .wpsg-pvf__price input { width:7em; } +.wpsg-pvf .wpsg-pvf__price label > span { min-width:1.75em; } .wpsg-pvf .wpsg-pvf__option { display:flex; align-items:center; gap:0.5em; margin:0.25em 0; } .wpsg-pvf .wpsg-pvf__color { display:inline-block; width:1.2em; height:1.2em; border:1px solid #CCCCCC; border-radius:3px; } .wpsg-pvf .wpsg-pvf__actions { display:flex; flex-wrap:wrap; align-items:center; gap:1rem; } -- cgit v1.2.3