Liefertermin in Bemerkung einfügen

Hallo,

als Betreiber eines B2B Shops standen wir vor dem Problem, die Eingabe eines Liefertermins unseren Kunden zu ermöglichen.

Umgesetzt haben wir dies in der Datei checkout_payment-USERMOD.html:

HTML:

<code>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
    <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
</code>      
<script>
  
    $(function() {
        $.datepicker.regional['de'] = {
        closeText: 'Done',
        prevText: 'Prev',
        nextText: 'Next',
        currentText: 'heute',
        monthNames: ['Januar','Februar','März','April','Mai','Juni',
        'Juli','August','September','Oktober','November','Dezember'],
        monthNamesShort: ['Jan','Feb','Mär','Apr','Mai','Jun',
        'Jul','Aug','Sep','Okt','Nov','Dez'],
        dayNames: ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'],
        dayNamesShort: ['So','Mo','Di','Mi','Do','Fr','Sa'],
        dayNamesMin: ['So','Mo','Di','Mi','Do','Fr','Sa'],
        weekHeader: 'KW',
        dateFormat: 'dd.mm.yy',
        firstDay: 0,
        isRTL: false,
        showMonthAfterYear: false,
        yearSuffix: ''};
      
        $("#datepicker").datepicker($.extend({}, $.datepicker.regional["de"], {
            onSelect: function(deliverydate, inst) {
                var comments = $('#comments').val();
                $('#comments').val('Liefertermin/Delivery date:'+deliverydate+'\n\n'+comments);
            }
    }))
    });  
</script>

Weiter unten findet man in derselben Templatedatei folgenden Codeschnipsel

HTML:

   

<fieldset>
      
        <legend>{$txt.title_comments}</legend>

        <div class="form-group">
            <div class="col-sm-12 indent-sm-1">
// Hier fügt man dann noch folgende Anweisung ein:

// Anfang

<p>Liefertermin: <input type="text" id="datepicker"></p>
               
//Ende
                <label for="{$COMMENTS_NAME}">{$txt.text_comments}</label>
                <textarea placeholder="{$txt.text_comments}" id="{$COMMENTS_NAME}" name="{$COMMENTS_NAME}" class="form-control" wrap="{$COMMENTS_WRAP}">{$COMMENTS_VALUE}</textarea>
            </div>
        </div>

        <input type="hidden" name="{$COMMENTS_HIDDEN_NAME}" value="{$COMMENTS_HIDDEN_VALUE}" />

    </fieldset>

Anschließend können Kunden dann einen Liefertermin in einem deutschen Kalender aussuchen.
Das Datum wird dann als Zusatztext in die Bemerkungen eingefügt und erscheint mit folgendem Inhalt auf den Bestellungen:

Liefertermin/Delivery date:dd.mm.yyyy

Viel Spaß damit.