# Nächst größere Menge - Artikeldetailseite

**URL:** <https://forum.shopware.com/t/naechst-groessere-menge-artikeldetailseite/98871>\
**Category:** Shopware 5\
**Created:** [9. März 2023 um 07:36 UTC](https://forum.shopware.com/t/naechst-groessere-menge-artikeldetailseite/98871 "2023-03-09T07:36:07Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![MrAle](https://avatars.discourse-cdn.com/v4/letter/m/3bc359/32.png) [@MrAle](https://forum.shopware.com/u/MrAle)\
**Post date:** [9. März 2023 um 07:36 UTC](https://forum.shopware.com/t/naechst-groessere-menge-artikeldetailseite/98871/1 "2023-03-09T07:36:07Z")

</div>

Hi zusammen, mal wieder eine Frage von mir.

Weiß jemand zufällg wie ich dieses Feld bei Apple abändern kann?  
 ![mengenangabe-apple](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/5/8/5872250ab17003f344777923a0095c506e89df60.jpeg)

Dadurch kann der Kunde einfach nicht wissen welche nächst größere Menge er überhaupt zur Verfügung hat.

Bei Chrome bzw. Android funktioniert das ganze super und sieht so aus:  
 ![mengenanabge-chrome-android](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/1/0/10a219c380885a1d0c611212e50640aa9a54760e.png)

Mit einem grep über das Standard Theme konnte ich auch nichts finden - ich bin grad echt ratlos.

Viele Grüße & vielen Dank  
Alex

---

<div class="post-metadata">

**Author:** ![sonic](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sonic/32/25728_2.png) [@sonic](https://forum.shopware.com/u/sonic)\
**Post date:** [9. März 2023 um 09:13 UTC](https://forum.shopware.com/t/naechst-groessere-menge-artikeldetailseite/98871/2 "2023-03-09T09:13:55Z")

</div>

Anmerkung: Das ist ja keine standard SW5-Mengenauswahl, die wurde durch ein anderes Element ersetzt, bsp. von mir:

```html
<input placeholder="50" type="number" id="sQuantity" name="sQuantity" min="50" max="10000" step="50" value="50">

```

Problem: Der Apfel kann das nicht korrekt, ebenso wenig der mobile firefox unter Android.

Sehr ärgerlich, aber da machst Du erst mal nichts dran, ich suche auch schon eine Alternative, somal ich auch noch verschiedene „steps“ brauche.

Entweder zurück zu Dropdown oder gucken, ob da z.B. eine JS-Variante für das Feld gibt. Apfel ist halt teure Schrottware 😉

---

<div class="post-metadata">

**Author:** ![MrAle](https://avatars.discourse-cdn.com/v4/letter/m/3bc359/32.png) [@MrAle](https://forum.shopware.com/u/MrAle)\
**Post date:** [9. März 2023 um 09:25 UTC](https://forum.shopware.com/t/naechst-groessere-menge-artikeldetailseite/98871/3 "2023-03-09T09:25:44Z")

</div>

Ja das stimmt schon, dachte nur das kommt vllt von Shopware direkt.  
Okei nvm. dann werd ich mal sehen was ich so anstellen kann - wenn ich eine Lösung finde, lass ich es dich aufjedenfall wissen.  
Und über Apfelmüll müssen wir ja nicht reden 😃

Vielen Dank für die Antwort 👍

---

<div class="post-metadata">

**Author:** ![MrAle](https://avatars.discourse-cdn.com/v4/letter/m/3bc359/32.png) [@MrAle](https://forum.shopware.com/u/MrAle)\
**Post date:** [9. März 2023 um 10:53 UTC](https://forum.shopware.com/t/naechst-groessere-menge-artikeldetailseite/98871/4 "2023-03-09T10:53:15Z")

</div>

Mit einem onchange event und ein bisschen Mathe kann man das ganze lösen. Funktioniert jetzt so wie ich will. Ändert den Wert also auf den nächsten Step ab und gibt auch noch eine kleine Box aus, damit der Kunde Bescheid weiß.

---

<div class="post-metadata">

**Author:** ![MrAle](https://avatars.discourse-cdn.com/v4/letter/m/3bc359/32.png) [@MrAle](https://forum.shopware.com/u/MrAle)\
**Post date:** [17. Juli 2023 um 11:23 UTC](https://forum.shopware.com/t/naechst-groessere-menge-artikeldetailseite/98871/5 "2023-07-17T11:23:27Z")

</div>

Als weitere Info hilft vielleicht vielen das hier weiter.

> **[Client-side form validation - Learn web development | MDN](https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation)**
>
> Client-side form validation sometimes requires JavaScript if you want to customize styling and error messages, but it always requires you to think carefully about the user.
> Always remember to help your users correct the data they provide. To that...

Über JS kann man das ganze schön anpassen und siehe da auch bei Apple werden die nächsten größeren / kleineren Werte angezeigt 🙂
