From 19a8938fa3b41a6c6ed1e15c20586f860f4a637b Mon Sep 17 00:00:00 2001 From: daniel Date: Thu, 24 Sep 2026 10:49:44 +0200 Subject: - Feature: PHP 8.3 Kompatibilität - Feature: SmartCheckout - Ersatz für EinSeitenCheckout - Feature: Optik im Frontend an moderne Themes angepasst MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- views/css/frontend.css | 48 +++++++++++++++++++++++++++++++++++++++++++----- 1 file changed, 43 insertions(+), 5 deletions(-) (limited to 'views/css/frontend.css') diff --git a/views/css/frontend.css b/views/css/frontend.css index b24f229..c94ece2 100644 --- a/views/css/frontend.css +++ b/views/css/frontend.css @@ -66,6 +66,40 @@ input.wpsg_error { border-color:red !important; border:1px solid red; } &:hover > .tooltip { opacity:1; pointer-events:all; z-index:1; } } } + +/* + * Shop-Container mit "alignwide" in Themes mit Inhaltskarte (z.B. Kadence "content-style-boxed") + * + * Das Theme zieht alignwide-Blöcke mit negativen Außenabständen bis an den Rand der Karte, der Shop verliert dadurch + * den Innenabstand der Karte. Die Container bleiben deshalb dort innerhalb des Innenabstands. + */ +html body.content-style-boxed .entry-content .wpsg.alignwide { margin-left:0; margin-right:0; width:auto; max-width:100%; } + +/* + * GARAN Label: Absicherung gegen Theme-Regeln + * + * Das Label ist auf feste Pixelmaße mit content-box gebaut. Viele Themes setzen global + * box-sizing:border-box (auch für ::before/::after), eigene Zeilenhöhen sowie Farbe und + * Unterstreichung für Links im Inhaltsbereich (z.B. Astra: ".ast-single-post .entry-content a"). + * "html body" hebt die Spezifität über solche Theme-Selektoren, ohne !important zu brauchen. + */ +html body .wpsg_product_garan_wrap, +html body .wpsg_product_garan_wrap *, +html body .wpsg_product_garan_wrap *::before, +html body .wpsg_product_garan_wrap *::after { box-sizing:content-box; } +html body .wpsg_product_garan_wrap { line-height:1; } +html body .wpsg_product_garan_wrap a.wpsg_product_garan, +html body .wpsg_product_garan_wrap a.wpsg_product_garan:hover, +html body .wpsg_product_garan_wrap a.wpsg_product_garan:focus, +html body .wpsg_product_garan_wrap a.wpsg_product_garan:visited { color:#000000; background-color:#FFFFFF; text-decoration:none; line-height:30px; box-shadow:none; } +html body .wpsg_product_garan_wrap a.wpsg_product_garan * { color:inherit; text-decoration:none; letter-spacing:normal; text-transform:none; } +html body .wpsg_product_garan_wrap a.wpsg_product_garan > .years, +html body .wpsg_product_garan_wrap a.wpsg_product_garan > .title { display:inline-block; height:30px; line-height:30px; vertical-align:top; } +html body .wpsg_product_garan_wrap a.wpsg_product_garan .tooltip, +html body .wpsg_product_garan_wrap a.wpsg_product_garan .tooltip .inner, +html body .wpsg_product_garan_wrap a.wpsg_product_garan .tooltip .flexline { line-height:1.2; } +html body .wpsg_product_garan_wrap a.wpsg_product_garan .tooltip .trans_wrap { line-height:1.4; } +html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max-width:none; height:auto; margin:0; border:0; box-shadow:none; } /* Basket Widget */ .wpsg_basket_widget .wpshopgermany_linktokasse { float:right; margin-top:1rem; } @@ -320,6 +354,15 @@ input.wpsg_error { border-color:red !important; border:1px solid red; } .wpsg_productform .wpsg_produkt_wrapper .wpsg_mod_productvariants_product_wrap { margin-top:0.75em; margin-bottom:0.75em; } .wpsg_productform .wpsg_produkt_wrapper .wpsg_mod_productvariants_product_wrap select { width:100%; box-sizing:border-box; padding:0.75em; line-height:1.5em; } .wpsg_productform .wpsg_produkt_wrapper .wpsg_product_informationarea { margin-top:1.5em; margin-bottom:1.5em; } +/* Produktvariablen im Produkttemplate: Beschriftung über dem Feld, Felder über die volle Breite */ +.wpsg_productform .wpsg_mod_productvars { display:flex; flex-direction:column; gap:0.75em; margin-top:0.75em; margin-bottom:0.75em; } +.wpsg_productform .wpsg_mod_productvars_row { display:flex; flex-direction:column; gap:0.3em; } +.wpsg_productform .wpsg_produkt_wrapper .wpsg_mod_productvars_label { font-weight:normal; font-size:0.9em; opacity:0.75; } +.wpsg_productform .wpsg_mod_productvars_input { width:100%; box-sizing:border-box; padding:0.6em 0.75em; line-height:1.5em; border:1px solid rgba(127, 127, 127, 0.35); border-radius:3px; background:none; color:inherit; font:inherit; } +.wpsg_productform textarea.wpsg_mod_productvars_input { resize:vertical; } +.wpsg_productform .wpsg_produkt_wrapper .wpsg_mod_productvars_check { display:flex; align-items:center; gap:0.5em; font-weight:normal; cursor:pointer; } +.wpsg_productform .wpsg_mod_productvars_check input[type="checkbox"] { flex:0 0 auto; margin:0; } +.wpsg_productform .wpsg_mod_productvars .wpsg_required { color:#b3261e; margin-left:0.15em; } .wpsg_productform .wpsg_produkt_wrapper label { font-weight:bold; } .wpsg_productform .wpsg_produkt_wrapper .wpsg_product_buttonarea input[type="text"] { box-sizing:border-box; padding:0.7em; line-height:1.5em; font-size:1rem; } .wpsg_productform .wpsg_produkt_wrapper .wpsg_product_buttonarea input[type="submit"] { font-family:inherit; cursor:pointer; float:right; box-sizing: border-box; padding:0.25rem 1rem; line-height:1.5em; font-size:inherit; border:1px solid black; } @@ -541,11 +584,6 @@ input.wpsg_error { border-color:red !important; border:1px solid red; } .wpsg_progress span.done:after { content:" "; background-color:#C5C5C5; width:100%; height:10px; display:block; top:0px; position:absolute; } .wpsg_progress span.current:after { width:50%; } -/* Modul "EinSeitenCheckout */ -.onepagecheckout_customer_guest_activ .wpsg_mod_shippingadress h2, -.onepagecheckout_customer_guest_activ .wpsg_mod_shippingadress .wpsg_spacer { display:none; } -.onepagecheckout_customer_guest_activ .wpsg_mod_shippingadress .wpsg_inner { margin-bottom:20px; } - /* Modul "CrowdFunding" */ .wpsg_mod_funding_progress .wpsg_mod_funding_state { border:1px solid #C5C5C5; margin-bottom:1rem; box-sizing:border-box; width:100%; height:25px; line-height:25px; } .wpsg_mod_funding_progress .wpsg_mod_funding_state > .bar { width:90%; float:left; height:100%; display:table; } -- cgit v1.2.3