diff options
| -rw-r--r-- | views/css/wpsg-theme.css | 5 | ||||
| -rw-r--r-- | 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]" /> |