- Feature: PHP 8.3 Kompatibilität

- Feature: SmartCheckout - Ersatz für EinSeitenCheckout
- Feature: Optik im Frontend an moderne Themes angepasst

1 files changed, 43 insertions, 5 deletions

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; }