Hallo,
ich habe auf der Produktdetail-Seite ein zusätzliches Feld eingebaut, welches in den Payload des Warenkorbs übernommen wird:
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?
{% 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 %}