# Warenkorb Button deaktivieren

**URL:** <https://forum.shopware.com/t/warenkorb-button-deaktivieren/107274>\
**Category:** Programmierung\
**Created:** [23. Mai 2025 um 06:30 UTC](https://forum.shopware.com/t/warenkorb-button-deaktivieren/107274 "2025-05-23T06:30:48Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Frank\_2812](https://avatars.discourse-cdn.com/v4/letter/f/b19c9b/32.png) [@Frank\_2812](https://forum.shopware.com/u/Frank_2812)\
**Post date:** [23. Mai 2025 um 06:30 UTC](https://forum.shopware.com/t/warenkorb-button-deaktivieren/107274/1 "2025-05-23T06:30:48Z")

</div>

Hallo,

ich habe auf der Produktdetail-Seite ein zusätzliches Feld eingebaut, welches in den Payload des Warenkorbs übernommen wird:

 ![buy-widget](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/9/7/97a0616eea744f1c7bd9b80893c5c243c05c3e32.png)

Das Feld „Wunschliefertermin“ ist ein Pflichtfeld und das Produkt wird erst in den Warenkorb übernommen, wenn das Feld einen Inhalt hat.

Wie erreiche ich, dass der Warenkorb-Button disabled ist, solange im Feld „Wunschliefertermin“ nichts eingetragen ist?

```auto
{% sw_extends '@Storefront/storefront/component/buy-widget/buy-widget-form.html.twig' %}

{% block buy_widget_buy_container %}

    {% block buy_widget_buy_container_desiredDeliveryDate %}
        <div style="margin-bottom: 10px;">
        <label class="form-label"
            for="lq_desiredDeliveryDate">
            {{ "ibr.checkout.DesiredDeliveryDateLabel"|trans|sw_sanitize }}:
        </label>

        <input type="date"
            class="form-control"
            onfocus="this.min=new Date().toISOString().split('T')[0]"
            onchange="myFunction()"
            id="lq_desiredDeliveryDate"
            name="lq_desiredDeliveryDate" required>

        <script type="text/javascript">

        function myFunction() {
            var today = new Date().toISOString().split('T')[0];
            var dateInput = document.getElementById('lq_desiredDeliveryDate');
            
            if (dateInput.value < today)
                dateInput.value = '';
        }

        </script>
        </div>
    {% endblock %}

    {{parent()}}
{% endblock %}

```

---

<div class="post-metadata">

**Author:** ![Frank\_2812](https://avatars.discourse-cdn.com/v4/letter/f/b19c9b/32.png) [@Frank\_2812](https://forum.shopware.com/u/Frank_2812)\
**Post date:** [23. Mai 2025 um 07:08 UTC](https://forum.shopware.com/t/warenkorb-button-deaktivieren/107274/2 "2025-05-23T07:08:23Z")

</div>

Okay, habe es selber hinbekommen:

1. Warenkorb Button wird im Template standardmäßig „disabled“ gerendert.
2. Die JS-Funktion (onchange) aktiviert den Button, sobald ein korrekter Wert eingetragen wird.

---

<div class="post-metadata">

**Author:** ![system](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/2/9/29c7587ba660f00e4995d1743162782e5d6d8653.svg) [@system](https://forum.shopware.com/u/system)\
**Post date:** [22. Juni 2025 um 07:08 UTC](https://forum.shopware.com/t/warenkorb-button-deaktivieren/107274/3 "2025-06-22T07:08:52Z")

</div>

Dieses Thema wurde automatisch 30 Tage nach der letzten Antwort geschlossen. Es sind keine neuen Antworten mehr erlaubt.