feat: add shipping to the checkout display

src/QUI/ERP/Order/Controls/OrderProcess/Checkout.css

@@ -4,7 +4,6 @@
 }
 
 .quiqqer-order-step-checkout-invoiceAddress,
-.quiqqer-order-step-checkout-payments,
 .quiqqer-order-step-checkout-article {
     clear: both;
     display: inline-block;
@@ -17,6 +16,14 @@
     margin-top: 20px;
 }
 
+.quiqqer-order-step-checkout-shipping,
+.quiqqer-order-step-checkout-payments-payment {
+    display: block;
+    float: left;
+    width: 50%;
+}
+
+.quiqqer-order-step-checkout-shipping img,
 .quiqqer-order-step-checkout-payments-payment img {
     float: left;
     max-width: 100%;
@@ -27,8 +34,10 @@
     float: left;
 }
 
+.quiqqer-order-step-checkout-shipping-title,
 .quiqqer-order-step-checkout-payments-payment-title {
     clear: both;
+    float: left;
     font-weight: bold;
     margin-top: 10px;
 }
@@ -49,17 +58,23 @@
     width: 50%;
 }
 
+.quiqqer-order-step-checkout-notice a {
+    display: contents;
+}
+
 @media (max-width: 768px) {
     .articles-article-header-pos {
         width: 40px;
     }
 
     .quiqqer-order-step-checkout-invoiceAddress,
-    .quiqqer-order-step-checkout-payments {
+    .quiqqer-order-step-checkout-payments,
+    .quiqqer-order-step-checkout-shipping {
         clear: both;
         width: 100% !important;
     }
 
+    .quiqqer-order-step-checkout-shipping label,
     .quiqqer-order-step-checkout-notice label {
         font-size: 12px;
     }

src/QUI/ERP/Order/Controls/OrderProcess/Checkout.html

@@ -23,7 +23,10 @@ Order=$Order
     <div class="quiqqer-order-step-checkout-payments">
         <h2>{locale group="quiqqer/order" var="ordering.step.checkout.payment.shipping"}</h2>
         <div class="quiqqer-order-step-checkout-payments-payment">
-            <img src="{$Payment->getPaymentType()->getIcon()}"/>
+            <img src="{$Payment->getPaymentType()->getIcon()}"
+                 title="{$Payment->getTitle()}"
+                 alt="{$Payment->getTitle()}"
+            />
             <span class="quiqqer-order-step-checkout-payments-payment-title">
                 {$Payment->getTitle()}
             </span>
@@ -31,6 +34,18 @@ Order=$Order
                 {$Payment->getDescription()}
             </span>
         </div>
+
+        {if isset($Shipping) && $Shipping}
+        <div class="quiqqer-order-step-checkout-shipping">
+            <img src="{$Shipping->getIcon()}"
+                 title="{$Shipping->getTitle()}"
+                 alt="{$Shipping->getTitle()}"
+            />
+            <span class="quiqqer-order-step-checkout-shipping-title">
+                {$Shipping->getTitle()}
+            </span>
+        </div>
+        {/if}
     </div>
 
     <div class="quiqqer-order-step-checkout-article">

src/QUI/ERP/Order/Controls/OrderProcess/Checkout.php

@@ -107,6 +107,7 @@ public function getBody()
             'InvoiceAddress'  => $Order->getInvoiceAddress(),
             'DeliveryAddress' => $Order->getDeliveryAddress(),
             'Payment'         => $Order->getPayment(),
+            'Shipping'        => $Order->getShipping(),
             'Articles'        => $Articles,
             'Order'           => $Order,
             'text'            => $text