From 9f2dda22a18f54cd1b9bfe3446fed22cb23b7b8f Mon Sep 17 00:00:00 2001 From: Roger Rehnelt Date: Sat, 3 Oct 2026 12:43:16 +0200 Subject: Produktseite: Bild links, Angaben rechts im Modus „neu“ MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Bilder und Angaben stehen nebeneinander, auf schmalen Bildschirmen untereinander. Der Produkttitel steht in der rechten Spalte. Co-Authored-By: Claude Opus 5.5 --- views/css/wpsg-theme.css | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'views/css') diff --git a/views/css/wpsg-theme.css b/views/css/wpsg-theme.css index 39b1ba2..94cbf88 100644 --- a/views/css/wpsg-theme.css +++ b/views/css/wpsg-theme.css @@ -317,6 +317,11 @@ .wpsg_productform :where(.wpsg_produkt_wrapper .wpsg_produkt_preishinweis) { font-size:0.75em; } .wpsg_productform :where(.wpsg_produkt_wrapper .wpsg_mod_productview_oldprice), .product_wrap :where(.productdetails .oldprice) { text-decoration:line-through; } .wpsg_productform :where(.wpsg_produkt_wrapper .wpsg_mod_productview_price) { font-weight:bold; } +.wpsg-product :where(.wpsg-product__main) { display:flex; flex-wrap:wrap; align-items:flex-start; gap:calc(var(--wpsg-gap) * 2.5); } +.wpsg-product :where(.wpsg-product__media) { flex:1 1 22rem; min-width:0; float:none; margin:0; } +.wpsg-product :where(.wpsg-product__media .wpsg_produkt_produktbilder) { max-width:none; } +.wpsg-product :where(.wpsg-product__details) { flex:1 1 20rem; min-width:0; } +.wpsg-product :where(.wpsg-product__details .wpsg_producttitle) { margin-top:0; } .wpsg-product :where(.wpsg-product__offer) { display:flex; flex-direction:column; gap:0.25em; margin:0.75em 0; } .wpsg-product :where(.wpsg-product__price) { font-size:1.75em; font-weight:700; line-height:1.2; } .wpsg-product :where(.wpsg-product__price .wpsg_mod_productview_oldprice) { margin-left:0.4em; font-size:0.6em; font-weight:400; opacity:var(--wpsg-muted-opacity); } -- cgit v1.2.3