Kasse: Gewährleistungslabel mit festen Maßen

Das Label verschob beim Laden den Inhalt der Zusammenfassung (K84).
Am Inline-Bild sind Adresse und Alt-Text jetzt escaped.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

4 files changed, 7 insertions, 5 deletions

diff --git a/views/css/frontend.css b/views/css/frontend.css
index 2f63149..2d48c8a 100644
--- a/views/css/frontend.css
+++ b/views/css/frontend.css
@@ -171,6 +171,7 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max
 .wpsg_checkout2 .wpsg_overviewbutton,

 .wpsg_checkout2 .wpsg_checkoutbutton,

 .wpsg_overview .garan_label_wrap { text-align:center; padding:1rem 0; }

+.wpsg_overview .garan_label_wrap img { height:auto; }

 .wpsg_overview .wpsg_orderbutton,

 .wpsg_overview .wpsg_checkoutbutton,

 .wpsg_overview .garan_label_popup_confirm { text-align:center; padding:0.75em 1.5em; cursor:pointer; }

diff --git a/views/css/wpsg-theme.css b/views/css/wpsg-theme.css
index 3510baf..64f7daf 100644
--- a/views/css/wpsg-theme.css
+++ b/views/css/wpsg-theme.css
@@ -631,6 +631,7 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max
 
 /* GARANTIE-Siegel in der Bestellübersicht */
 .wpsg_overview :where(.garan_label_wrap) { padding:var(--wpsg-gap) 0; }
+.wpsg_overview :where(.garan_label_wrap img) { height:auto; }
 .wpsg_overview :where(.garan_label_popup) { align-items:center; justify-content:center; padding:1rem; background-color:var(--wpsg-color-overlay); }
 .wpsg_overview :where(.garan_label_popup .garan_label_popup_inner) { display:flex; flex-direction:column; max-width:600px; max-height:100%; text-align:center; padding:1rem; color:var(--wpsg-color-foreground); background-color:var(--wpsg-color-background); }
 .wpsg_overview :where(.garan_label_popup .garan_label_popup_image) { min-height:0; overflow-y:auto; }
diff --git a/views/mods/mod_smartcheckout/checkout.phtml b/views/mods/mod_smartcheckout/checkout.phtml
index c7eadee..947f3d8 100644
--- a/views/mods/mod_smartcheckout/checkout.phtml
+++ b/views/mods/mod_smartcheckout/checkout.phtml
@@ -418,7 +418,7 @@
 					<?php /* GARAN-Gewährleistungslabel direkt vor dem Bestellbutton */ ?>
 					<div class="sc_garan" v-if="state.warranty && state.warranty.need && !state.warranty.popup">
 						<button type="button" class="sc_garan_zoom" @click="garanLightbox = true" title="<?php echo esc_attr__('Gewährleistungslabel vergrößern', 'wpsg'); ?>">
-							<img :src="state.warranty.image" alt="<?php echo esc_attr__('GARAN Gewährleistungslabel', 'wpsg'); ?>" />
+							<img :src="state.warranty.image" alt="<?php echo esc_attr__('GARAN Gewährleistungslabel', 'wpsg'); ?>" width="1200" height="1697" />
 						</button>
 					</div>
 
@@ -462,7 +462,7 @@
 		<div class="sc_garan_popup sc_garan_lightbox" v-if="garanLightbox" role="dialog" aria-modal="true" @click.self="garanLightbox = false">
 			<div class="sc_garan_popup_inner">
 				<div class="sc_garan_popup_image">
-					<img :src="state.warranty.image" alt="<?php echo esc_attr__('GARAN Gewährleistungslabel', 'wpsg'); ?>" />
+					<img :src="state.warranty.image" alt="<?php echo esc_attr__('GARAN Gewährleistungslabel', 'wpsg'); ?>" width="1200" height="1697" />
 				</div>
 				<button type="button" class="sc_button" @click="garanLightbox = false"><?php echo esc_html__('Schließen', 'wpsg'); ?></button>
 			</div>
@@ -472,7 +472,7 @@
 		<div class="sc_garan_popup" v-if="garanPopup" role="dialog" aria-modal="true">
 			<div class="sc_garan_popup_inner">
 				<div class="sc_garan_popup_image">
-					<img :src="state.warranty.image" alt="<?php echo esc_attr__('GARAN Gewährleistungslabel', 'wpsg'); ?>" />
+					<img :src="state.warranty.image" alt="<?php echo esc_attr__('GARAN Gewährleistungslabel', 'wpsg'); ?>" width="1200" height="1697" />
 				</div>
 				<button type="button" class="sc_button sc_button_order" @click="confirmGaran"><?php echo esc_html__('Zur Kenntnis genommen', 'wpsg'); ?></button>
 			</div>
diff --git a/views/warenkorb/overview.phtml b/views/warenkorb/overview.phtml
index 187b2ff..31c25a2 100644
--- a/views/warenkorb/overview.phtml
+++ b/views/warenkorb/overview.phtml
@@ -505,13 +505,13 @@
 		<?php if (\wpsg\WarrantyLabel::isNeed()) { ?>

 			<?php if (\wpsg\WarrantyLabel::getLayout() === wpsg_ShopController::WARRANTYLABEL_INLINE) { ?>

 			<div class="garan_label_wrap">

-				<img src="<?php echo wpsg_ShopController::getShop()->getRessourceURL('gfx/garan/legal_guarantee_notice_den.jpg'); ?>" alt="<?php echo __('GARAN Gewährleistungslabel', 'wpsg'); ?>" />

+				<img src="<?php echo esc_url(wpsg_ShopController::getShop()->getRessourceURL('gfx/garan/legal_guarantee_notice_den.jpg')); ?>" alt="<?php echo esc_attr(__('GARAN Gewährleistungslabel', 'wpsg')); ?>" width="1200" height="1697" />

 			</div>

 			<?php } else { ?>

 			<div class="garan_label_popup" id="wpsg_garan_label_popup">

 				<div class="garan_label_popup_inner">

 					<div class="garan_label_popup_image">

-						<img src="<?php echo esc_url(wpsg_ShopController::getShop()->getRessourceURL('gfx/garan/legal_guarantee_notice_den.jpg')); ?>" alt="<?php echo esc_attr(__('GARAN Gewährleistungslabel', 'wpsg')); ?>" />

+						<img src="<?php echo esc_url(wpsg_ShopController::getShop()->getRessourceURL('gfx/garan/legal_guarantee_notice_den.jpg')); ?>" alt="<?php echo esc_attr(__('GARAN Gewährleistungslabel', 'wpsg')); ?>" width="1200" height="1697" />

 					</div>

 					<button type="button" class="garan_label_popup_confirm<?php echo wpsg_button_class(); ?>" id="wpsg_garan_label_popup_confirm"><?php echo __('Zur Kenntnis genommen', 'wpsg'); ?></button>

 				</div>