From e44b9a9bc3bae22e2e82dc7865cd3d65377448b1 Mon Sep 17 00:00:00 2001
From: Roger Rehnelt <noreply@maennchen1.de>
Date: Sat, 3 Oct 2026 12:38:36 +0200
Subject: Produktseite: Menge und Knopf nebeneinander im Modus „neu“
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Die Variantenauswahl steht über der Menge, „Menge“ als Beschriftung über dem Feld, daneben „In den Warenkorb“.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 views/css/wpsg-theme.css         |  5 +++++
 views/produktseite/produkt.phtml | 14 ++++++++------
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/views/css/wpsg-theme.css b/views/css/wpsg-theme.css
index 78f4b91..917ad01 100644
--- a/views/css/wpsg-theme.css
+++ b/views/css/wpsg-theme.css
@@ -339,6 +339,11 @@
 .wpsg_produkt_add_basket_wrapper :where(> label) { display:flex; align-items:center; margin:0; }
 /* Aufbau mit Klassen-Spezifität: allgemeine Feldregeln der Themes (input { width:100% }) sollen die Zeile nicht sprengen */
 .wpsg_produkt_add_basket_wrapper .wpsg_menge { width:5em; flex:0 0 auto; text-align:center; }
+.wpsg-product :where(.wpsg-product__variants .wpsg_vp_field) { display:flex; flex-direction:column; gap:0.3em; }
+.wpsg-product .wpsg-product__buy { align-items:flex-end; }
+.wpsg-product :where(.wpsg-product__amount) { display:flex; flex-direction:column; gap:0.3em; }
+.wpsg-product :where(.wpsg-product__amount > label) { margin:0; }
+.wpsg-product .wpsg-product__buy .wpsg_add_basket { flex:1 1 12em; min-height:44px; }
 .wpsg_productform :where(.wpsg_product_layer) { position:absolute; left:0; top:0; width:100%; height:100%; background-color:var(--wpsg-color-surface); padding:0.75em; margin:-0.75em; box-sizing:content-box; }
 .wpsg_productform :where(.wpsg_product_layer img) { position:absolute; left:50%; margin-left:-8px; top:50%; margin-top:-5px; }
 .wpsg_product_deliverytime_holiday { padding:10px; border-left:4px solid var(--wpsg-color-notice); background-color:var(--wpsg-color-surface); }
diff --git a/views/produktseite/produkt.phtml b/views/produktseite/produkt.phtml
index e093f16..3fdce52 100644
--- a/views/produktseite/produkt.phtml
+++ b/views/produktseite/produkt.phtml
@@ -266,8 +266,8 @@
 		</div>
 		<?php /* Produktkurzbeschreibung ENDE */ ?>
 
-		<?php /* Varianten START */ ?>
-		<div class="wpsg_produkt_varianten">
+		<?php /* Varianten als Feld über der Menge (Punkt 8.6) START */ ?>
+		<div class="wpsg_produkt_varianten wpsg-product__variants">
 			<?php echo $this->callMod('wpsg_mod_productvariants', 'renderTemplate', array($this->view['data']['product_key'])); ?>
 		</div>
 		<?php /* Varianten ENDE */ ?>
@@ -288,11 +288,13 @@
 				<?php } ?>
 
 				<?php if ($this->view['oProduct']->canOrder()) { ?>
-				<div class="wpsg_produkt_add_basket_wrapper">
+				<div class="wpsg_produkt_add_basket_wrapper wpsg-product__buy">
 
-					<label class="wpsg_amount_label" for="wpsg_menge_<?php echo $this->getTemplateIndex(); ?>"><?php echo __('Anzahl', 'wpsg'); ?></label>
-
-					<input type="text" value="<?php echo ((wpsg_isSizedInt($this->view['data']['menge']))?$this->view['data']['menge']:'1'); ?>" name="wpsg[menge]" class="wpsg_menge" id="wpsg_menge_<?php echo $this->getTemplateIndex(); ?>" <?php echo (($this->view['data']['basket_multiple'] == 4)?' readonly="readonly" ':''); ?> />
+					<?php /* Menge mit Beschriftung darüber, daneben der Knopf (Punkt 8.6) */ ?>
+					<div class="wpsg-product__amount">
+						<label class="wpsg_amount_label" for="wpsg_menge_<?php echo $this->getTemplateIndex(); ?>"><?php echo esc_html__('Menge', 'wpsg'); ?></label>
+						<input type="text" inputmode="numeric" value="<?php echo ((wpsg_isSizedInt($this->view['data']['menge']))?$this->view['data']['menge']:'1'); ?>" name="wpsg[menge]" class="wpsg_menge" id="wpsg_menge_<?php echo $this->getTemplateIndex(); ?>" <?php echo (($this->view['data']['basket_multiple'] == 4)?' readonly="readonly" ':''); ?> />
+					</div>
 
 					<input class="wpsg_button wpsg_add_basket wpsg_add_basket_<?php echo $this->getTemplateIndex(); ?><?php echo wpsg_button_class(); ?>" type="submit" value="<?php echo esc_attr(wpsg_button_text('add_to_basket', __('In den Warenkorb', 'wpsg'))); ?>" name="wpsg[submit]" />
 
-- 
cgit v1.2.3