From 3d307f515d8215b7b252059e12bf5e9516b981ce Mon Sep 17 00:00:00 2001 From: Roger Rehnelt Date: Fri, 2 Oct 2026 15:43:30 +0200 Subject: Kasse: „Ihre Bestellung“ neben dem Formular im Modus „neu“ MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Posten, Versand, Summe und MwSt. in Kundendaten und Versand/Zahlung; schmal unter dem Formular (Punkt 8.10). Co-Authored-By: Claude Opus 5.5 --- views/css/wpsg-theme.css | 14 +++++++ views/warenkorb/checkout.phtml | 5 +++ views/warenkorb/checkout2.phtml | 5 +++ views/warenkorb/checkout_summary.phtml | 67 ++++++++++++++++++++++++++++++++++ 4 files changed, 91 insertions(+) create mode 100644 views/warenkorb/checkout_summary.phtml diff --git a/views/css/wpsg-theme.css b/views/css/wpsg-theme.css index 2993174..7dd86e3 100644 --- a/views/css/wpsg-theme.css +++ b/views/css/wpsg-theme.css @@ -175,6 +175,20 @@ .wpsg_checkout :where(.wpsg_checkout2button) { float:right; } /* Zurück als Link (Punkt 8.12): links, auf Höhe des Knopfs rechts */ .wpsg-checkout__back { float:left; display:inline-block; padding:var(--wpsg-button-padding); padding-inline-start:0; color:inherit; } +/* Kasse zweispaltig (Punkt 8.10): Formular links, „Ihre Bestellung“ rechts; schmal untereinander */ +.wpsg-checkout__layout { display:grid; grid-template-columns:minmax(0, 1fr); gap:calc(var(--wpsg-gap) * 2); align-items:start; } +@media (min-width: 900px) { .wpsg-checkout__layout { grid-template-columns:minmax(0, 2fr) minmax(16rem, 1fr); } .wpsg-checkout__summary { position:sticky; top:var(--wpsg-gap); } } +.wpsg-checkout__layout > form { min-width:0; } +.wpsg-checkout__summary { padding:calc(var(--wpsg-gap) * 1.5); border:var(--wpsg-field-border); border-radius:var(--wpsg-radius); background:var(--wpsg-color-surface); } +.wpsg-checkout__summary-title { margin:0 0 0.75em; font-size:1.25em; } +.wpsg-checkout__summary-items { margin:0; padding:0; list-style:none; } +.wpsg-checkout__summary-row { display:flex; justify-content:space-between; gap:var(--wpsg-gap); margin:0 0 0.5em; } +.wpsg-checkout__summary-row > span:last-child { white-space:nowrap; text-align:right; } +.wpsg-checkout__summary-row > span:first-child { overflow-wrap:break-word; hyphens:auto; } +.wpsg-checkout__summary-variant { display:block; font-size:var(--wpsg-font-size-small); opacity:var(--wpsg-muted-opacity); } +.wpsg-checkout__summary-row.is-muted, .wpsg-checkout__summary-tax { opacity:var(--wpsg-muted-opacity); } +.wpsg-checkout__summary-total { margin-top:0.75em; padding-top:0.75em; border-top:var(--wpsg-field-border); font-weight:700; font-size:1.1em; } +.wpsg-checkout__summary-tax { margin:0.25em 0 0; font-size:var(--wpsg-font-size-small); } .wpsg_checkout :where(.wpsg_mod_ordervars), .wpsg_checkout :where(.wpsg_mod_shippingadress) { margin-bottom:var(--wpsg-gap); } .wpsg_checkout :where(.wpsg_mod_ordervars_field) { display:inline; } :where(.wpsg_checkout h2) { padding:10px 0; } diff --git a/views/warenkorb/checkout.phtml b/views/warenkorb/checkout.phtml index 094e44c..4b91475 100644 --- a/views/warenkorb/checkout.phtml +++ b/views/warenkorb/checkout.phtml @@ -87,6 +87,9 @@ render(WPSG_PATH_VIEW.'/warenkorb/progress.phtml'); ?> + +
+
@@ -406,6 +409,8 @@
+ render(WPSG_PATH_VIEW.'/warenkorb/checkout_summary.phtml'); ?>
+