Sofern der nachträgliche Datenupload aktiviert ist, wird auf der Auftrags-Detailseite ein Button angezeigt, über den man zum Upload gelangt.

An dieser Stelle handelt es sich um einen Multi-Uploader. Das heißt, man kann also mehrere Dateien gleichzeitig hochladen.
Entweder indem man auf „Durchsuchen“ klickt und die entsprechenden Dateien auswählt oder indem man sie per Drag and Drop aus seinem Dateimanager mit der Maus auf den Uploader zieht.
Für die so hinzugefügten Dateien wird zunächst eine Vorschau angezeigt, bevor sie hochgeladen werden.

Eine fälschlich hinterlegte Datei kann vor dem Upload über den Button "Abbrechen" entfernt werden.
Die Dateien werden einzeln hochgeladen, sobald man auf den „Start“-Button der entsprechenden Datei klickt.
Klickt man auf den „Datei Hochladen“-Button werden alle hinterlegten Dateien hochgeladen.

Sofern dies im Admin-Bereich eingestellt wurde, erfolgt beim Hochladen eine Überprüfung der Höhe und Breite der Dateien (Datenprüfung). Bereits hochgeladene Dateien kann man entfernen, indem man auf den „Löschen“-Button klickt.
Sobald man alle zu hinterlegenden Dateien hochgeladen hat, kann man auf den „weiter“-Button klicken, um den Artikel in den Warenkorb zu legen. Hierbei erfolgt, sofern im Admin-Bereich konfiguriert, eine Überprüfung der Seitenzahl (Datenprüfung).

Templateanpassungen (nicht für das Premium-Template)

Für die Verwendung die Funktion des nachträglichen Datenuploads sind folgende Templateanpassungen notwendig:

In den Head-Bereich der HTML-Seite (Bitte ersetzen Sie den Platzhalter IHR_TemplateName)

finish.htm

{literal}
<script type="text/javascript" src="/tpl/modern_1_dev/highslide/highslide-with-html.js"></script>
<link rel="stylesheet" type="text/css" href="/tpl/IHR_TemplateName/highslide/highslide.css" />
<style>
.highslide-header .highslide-close {
display: none;
}
</style>
<script type="text/javascript">
hs.graphicsDir = '/tpl/IHR_TemplateName/highslide/graphics/';
hs.outlineType = 'rounded-white';
hs.wrapperClassName = 'draggable-header';
hs.allowMultipleInstances = false;
hs.width = 700;
hs.minWidth = 700;
hs.height = 500;
hs.minHeight = 500;
hs.registerOverlay({
html: '<div class="closebutton" onclick="return hs.close(this)" title="Schließen"></div>',
position: 'top right',
useOnHtml: true,
fade: 2 // fading the semi-transparent overlay looks bad in IE
});
function refreshForm(){
location.href = "/finish.htm?upload_finish=1";
}
</script>
{/literal}

In den Content-Bereich der Seite

finish.htm

{if $ARR_DatenUpload}
<br><br>
<b>DATENUPLOAD:</b><br>
{if $upload_finish}<font color="red">Ihr Datei Upload war erfolgreich und wurde dem Auftrag hinzugefügt</font><br><br>{/if}
{if $errMsgUpload}
<p style="color:#FF0000"><strong>Bitte beachten Sie: </strong> <br>
{foreach from=$errMsgUpload item=item} {$item}<br>
{/foreach} <br>
</p>
{/if}
<form method="POST" name="upload_form" action="/finish.htm" enctype="multipart/form-data">
{foreach from=$ARR_DatenUpload item=item key=key}
{$item.jobnummer}: <a href="/upload_nach_bestellung.htm?datenupload_nach_bestellung=1&j={$item.jobnummer}" {literal}onclick="hs.creditsText = 'Datenupload';return hs.htmlExpand(this, { objectType: 'iframe' } )"{/literal}>Daten Upload</a><br>
{/foreach}
</form>
{/if}

In den Head-Bereich der HTML-Seite (Bitte ersetzen Sie den Platzhalter IHR_TemplateName)

konto_tracking_detail.htm

{literal}
<script type="text/javascript" src="/tpl/IHR_TemplateName/highslide/highslide-with-html.js"></script>
<link rel="stylesheet" type="text/css" href="/tpl/IHR_TemplateName/highslide/highslide.css" />
<style>
.highslide-header .highslide-close {
display: none;
}
</style>
<script type="text/javascript">
hs.graphicsDir = '/tpl/IHR_TemplateName/highslide/graphics/';
hs.outlineType = 'rounded-white';
hs.wrapperClassName = 'draggable-header';
hs.allowMultipleInstances = false;
hs.width = 700;
hs.minWidth = 700;
hs.height = 500;
hs.minHeight = 500;
hs.registerOverlay({
html: '<div class="closebutton" onclick="return hs.close(this)" title="Schließen"></div>',
position: 'top right',
useOnHtml: true,
fade: 2 // fading the semi-transparent overlay looks bad in IE
});
function refreshForm(){
{/literal}
location.href = "/konto_tracking_detail.htm?nId={$nId}&upload_finish=1";
{literal}
}
</script>
{/literal}

In den Content-Bereich der Seite

konto_tracking_detail.htm

{if $aAllgEinstellungen.datenupload_nach_bestellung && $datebupload_nach_bestellung_erlaubt}
<tr>
<td class="darkrow" colspan="2" height="20"></td>
</tr>
<tr  >
<td height="29" class="tbDetail_inline_highlight">&nbsp;</td>
<td class="tbDetail_inline">
<b>DATENUPLOAD</b><br>
{if $upload_erfolgreich}<font color="red">Ihr Datei-Upload war erfolgreich. Ihre Datei wurde dem Auftrag hinzugefügt.</font><br>{/if}
{if $errMsgUpload}
<p style="color:#FF0000"><strong>Bitte beachten Sie: </strong> <br>
{foreach from=$errMsgUpload item=item} {$item}<br>
{/foreach} <br>
</p>
{/if}   
<a href="/upload_nach_bestellung.htm?datenupload_nach_bestellung=1&j={$aDataWarenkorb.jobnummer}" {literal}onclick="hs.creditsText = 'Datenupload';return hs.htmlExpand(this, { objectType: 'iframe' } )"{/literal}>Daten Upload</a>
</td>
</tr>
{/if}

Weiter müssen die beiden HTML-Dateien „upload_nach_bestellung.htm“ und „uploadcheck_nach_bestellung.htm“ sowie gegebenenfalls der Highslide-Ordner eingespielt werden.

Browser nicht unterstützt