Die Integration oxomi.documents rendert eine Liste von Dokumenten in den angegebenen DOM-Container. Dabei wird das Cover-Bild des Dokuments sowie dessen Name angezeigt. Die Integration bietet verschiedene Filter-, Sortier- und Gruppiermöglichkeiten, mit denen Sie die Ergebnisse einschränken und anpassen können. Darüber hinaus können weitere Aktionsmöglichkeiten und ein Gruppenfilter angezeigt werden.
Die gerenderte Liste von Dokumenten enthält bis zu 50 Einträge. Falls mehr Dokumente gefunden wurden, so wird eine Karte mit dem Label „Weitere anzeigen“ dargestellt. Durch einen Klick auf diese Karte werden jedes Mal bis zu 15 weitere Dokumente nachgeladen.
Die oxomi.documents Integration bietet zudem verschiedene CSS -cust Klassen an um das Aussehen oder den Funktionsumfang der Integration zu beeinflussen. Weitere Informationen hierzu finden Sie im Artikel Individuelle CSS Regeln.
Der Aufruf der Integration liefert ein Promise zurück, welches Ihnen die Möglichkeit gibt, entsprechend auf den Abschluss des Aufrufs zu reagieren. Hierfür können Sie die then und catch Methoden des Promise Objekts verwenden. Der nachfolgende JavaScript-Code zeigt ein Beispiel, wie Sie auf den Abschluss des Aufrufs reagieren können.
oxomi.documents({ target: "#output", showActions: true, showGroupFilter: true, groupBy: "brand", supplierNumbers: "L10190" }).then((result) => { console.log("success"); }).catch((error) => { console.log("failed"); });
Die nachfolgende Tabelle enthält eine Übersicht über die verfügbaren Parameter. Fett gedruckte Parameter sind Pflichtparameter. Die Beschreibung der Parameter enthält Informationen über den Typ des Parameters, die möglichen Werte und die Bedeutung sowie weitere Verwendungshinweise.
Parameter | Parametertyp | Beschreibung | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
target | string |
Gibt das Ziel-Element an, in welches die gerenderte Liste von Dokumenten eingefügt wird. Hinweis:
|
||||||||||||
supplierNumbers | string |
Gibt die Lieferantennummern der Partner an, auf welche die Ergebnisse eingeschränkt werden sollen. Hinweis:
|
||||||||||||
excludedSupplierNumbers | string |
Gibt die Lieferantennummern der Partner an, deren Inhalte von den Ergebnissen ausgeschlossen werden sollen. Hinweis:
|
||||||||||||
brandIds | string |
Gibt die IDs der Marken an, auf welche die Ergebnisse eingeschränkt werden sollen. Hinweis:
|
||||||||||||
brands | string |
Gibt die Namen der Marken an, auf welche die Ergebnisse eingeschränkt werden sollen. Hinweis:
|
||||||||||||
seriesIds | string |
Gibt die IDs der Serien an, auf welche die Ergebnisse eingeschränkt werden sollen. Hinweis:
|
||||||||||||
tags | string |
Gibt die Tags an, auf welche die Ergebnisse eingeschränkt werden sollen. Hinweis:
|
||||||||||||
categoryIds | string |
Gibt die IDs der Kategorien an, auf welche die Ergebnisse eingeschränkt werden sollen. Hinweis:
|
||||||||||||
categories | string |
Gibt die Namen der Kategorien an, auf welche die Ergebnisse eingeschränkt werden sollen. Hinweis:
|
||||||||||||
types | string |
Gibt die Dokument-Typen an, auf welche die Ergebnisse eingeschränkt werden sollen. Die verfügbaren Werte können hier eingesehen werden: Dokumenttypen Hinweis:
|
||||||||||||
filterLanguages | string |
Gibt die Sprachen als 2-buchstabige ISO-Codes an, auf welche die Ergebnisse eingeschränkt werden sollen. Die verfügbaren Werte können hier eingesehen werden: ISO-Sprachcodes Hinweis:
|
||||||||||||
filterCountries | string |
Gibt die Länder als 2-buchstabige ISO-Codes an, auf welche die Ergebnisse eingeschränkt werden sollen. Die verfügbaren Werte können hier eingesehen werden: ISO-Ländercodes Hinweis:
|
||||||||||||
own | boolean |
Gibt an, ob nur eigene Dokumente oder nur Dokumente von anderen Anbietern angezeigt werden sollen. Hinweis:
|
||||||||||||
includeOutdated | boolean |
Gibt an, ob auch archivierte Dokumente in den Ergebnissen angezeigt werden sollen. Hinweis:
|
||||||||||||
onlyOutdated | boolean |
Gibt an, ob ausschließlich archivierte Dokumente in den Ergebnissen angezeigt werden sollen. Hinweis:
|
||||||||||||
singlePage | boolean |
Gibt an, ob das Dokument im Einzelseiten- oder Doppelseiten-Modus geöffnet werden soll. Hinweis:
|
||||||||||||
showActions | boolean |
Gibt an, ob zusätzliche Aktionen für die Dokumente angezeigt werden sollen. Die zusätzlichen Aktionen werden als Schaltflächen unterhalb des Dokumentnamens angezeigt. Wird dieser Parameter auf true gesetzt, so werden die zusätzlichen Aktionen angezeigt. Die folgenden zusätzlichen Aktionen stehen zur Verfügung:
Hinweis:
|
||||||||||||
orderHandler | function |
Ermöglicht es, durch Hinterlegen einer JavaScript-Funktion, einen weiteren Button „Bestellen“ bei den zusätzlichen Aktionen eines Dokuments anzuzeigen. Damit der Button bei einem Dokument erscheint, muss zusätzlich die Einstellung „Druckversion verfügbar“ in der Verwaltungsoberfläche am Dokument auf „Ja“ gesetzt sein. Als Parameter erhält die Funktion ein JavaScript-Objekt mit den folgenden Informationen:
Hinweis:
|
||||||||||||
showAdditionalLanguages | boolean |
Gibt an, ob eine Aktion welche die Sprachversionen eines Dokuments anzeigt, unterhalb des Dokumentnamens und der anderen Aktionen angezeigt werden soll. Wird dieser Parameter auf true gesetzt so wird ein Button mit dem Label „Weitere Sprachversionen“ angezeigt. Hinweis:
|
||||||||||||
additionalLanguages | string |
Gibt an, welche Sprachversionen eines Dokuments angezeigt werden sollen, wenn die Aktion „Weitere Sprachversionen“ ausgeführt wird. Die Sprachen werden als 2-buchstabige ISO-Codes angegeben. Die verfügbaren Werte können hier eingesehen werden: ISO-Sprachcodes Hinweis:
|
||||||||||||
sortBy | string |
Gibt die Sortierung der Ergebnisse vor. Die nachfolgenden Werte stehen hier zur Verfügung:
Hinweis:
|
||||||||||||
showGroupFilter | boolean |
Gibt an, ob ein Gruppenfilter angezeigt werden soll. Wird dieser Parameter auf true gesetzt, werden über dem Ergebnis Schaltflächen zur Filterung durch den Nutzer auf einzelne Gruppen angezeigt. Hinweis:
|
||||||||||||
groupBy | string |
Gibt an ob und wie das Ergebnis gruppiert werden soll. Die nachfolgenden Werte stehen hier zur Verfügung:
Hinweis:
|
||||||||||||
limit | integer |
Gibt die maximale Anzahl an Dokumente an, welche initial angezeigt werden sollen. Hinweis:
|
Ausgabebereich
Die Integration oxomi.embedDocument rendert entweder das Cover-Bild eines einzelnen angegebenen Dokuments (sowie dessen Name und weiterer Aktionen) oder das Dokument im Viewer geöffnet in den angegebenen DOM-Container.
Die Integration bietet zudem verschiedene CSS -cust Klassen an um das Aussehen oder den Funktionsumfang der Integration zu beeinflussen. Weitere Informationen hierzu finden Sie im Artikel Individuelle CSS Regeln.
Der Aufruf der Integration liefert ein Promise zurück, welches Ihnen die Möglichkeit gibt, entsprechend auf den Abschluss des Aufrufs zu reagieren. Hierfür können Sie die then und catch Methoden des Promise Objekts verwenden. Der nachfolgende JavaScript-Code zeigt ein Beispiel, wie Sie auf den Abschluss des Aufrufs reagieren können.
oxomi.embedDocument({ target: "#output", document: "90000053", singlePage: false, showActions: true, showAdditionalLanguages: true, additionalLanguages: "en" }).then((result) => { console.log("success"); }).catch((error) => { console.log("failed"); });
Die nachfolgende Tabelle enthält eine Übersicht über die verfügbaren Parameter. Fett gedruckte Parameter sind Pflichtparameter. Die Beschreibung der Parameter enthält Informationen über den Typ des Parameters, die möglichen Werte und die Bedeutung sowie weitere Verwendungshinweise.
Parameter | Parametertyp | Beschreibung | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
document | string |
Gibt die ID oder den Code des Dokuments an. Hinweis:
|
||||||||||||
pageNumber | string |
Legt die Seite des Dokuments fest, die beim Öffnen des Dokuments angezeigt werden soll. Hinweis:
|
||||||||||||
target | string |
Gibt das Ziel-Element an, in welches das gerenderte Dokument eingefügt wird. Hinweis:
|
||||||||||||
singlePage | boolean |
Gibt an, ob das Dokument im Einzelseiten- oder Doppelseiten-Modus geöffnet werden soll. Hinweis:
|
||||||||||||
showActions | boolean |
Gibt an, ob zusätzliche Aktionen für das Dokument angezeigt werden sollen. Die zusätzlichen Aktionen werden als Schaltflächen unterhalb des Dokumentnamens angezeigt. Wird dieser Parameter auf true gesetzt, so werden die zusätzlichen Aktionen angezeigt. Die folgenden zusätzlichen Aktionen stehen zur Verfügung:
Hinweis:
|
||||||||||||
orderHandler | function |
Ermöglicht es, durch Hinterlegen einer JavaScript-Funktion, einen weiteren Button „Bestellen“ bei den zusätzlichen Aktionen eines Dokuments anzuzeigen. Damit der Button bei einem Dokument erscheint, muss zusätzlich die Einstellung „Druckversion verfügbar“ in der Verwaltungsoberfläche am Dokument auf „Ja“ gesetzt sein. Als Parameter erhält die Funktion ein JavaScript-Objekt mit den folgenden Informationen:
Hinweis:
|
||||||||||||
directDownload | boolean |
Gibt an, ob das Dokument heruntergeladen werden soll, wenn auf das Cover-Bild geklickt wird. Hinweis:
|
||||||||||||
inline | boolean |
Gibt an, ob das Dokument im Ziel-Element mit geöffnetem Viewer direkt eingebettet werden soll. Hinweis:
|
||||||||||||
showAdditionalLanguages | boolean |
Gibt an, ob eine Aktion welche die Sprachversionen eines Dokuments anzeigt, unterhalb des Dokumentnamens und der anderen Aktionen angezeigt werden soll. Wird dieser Parameter auf true gesetzt so wird ein Button mit dem Label „Weitere Sprachversionen“ angezeigt. Hinweis:
|
||||||||||||
additionalLanguages | string |
Gibt an, welche Sprachversionen eines Dokuments angezeigt werden sollen, wenn die Aktion „Weitere Sprachversionen“ ausgeführt wird. Die Sprachen werden als 2-buchstabige ISO-Codes angegeben. Die verfügbaren Werte können hier eingesehen werden: ISO-Sprachcodes Hinweis:
|
Ausgabebereich
Mit der Integration oxomi.openDocument kann ein Dokument in einem Overlay geöffnet werden. So können Sie beispielsweise ein Dokument aus einer Dokumentenliste oder aus einem anderen Kontext heraus anzeigen. Dabei können Sie verschiedene Parameter übergeben, um beispielsweise eine bestimmte Seite des Dokuments zu öffnen oder eine Suche zu starten.
Der Aufruf der Integration liefert ein Promise zurück, welches Ihnen die Möglichkeit gibt, entsprechend auf den Abschluss des Aufrufs zu reagieren. Hierfür können Sie die then und catch Methoden des Promise Objekts verwenden. Der nachfolgende JavaScript-Code zeigt ein Beispiel, wie Sie auf den Abschluss des Aufrufs reagieren können.
oxomi.openDocument({ document: "90000161", pageNumber: "4", query: "Schrauben" }).then((result) => { console.log("success"); }).catch((error) => { console.log("failed"); });
Die nachfolgende Tabelle enthält eine Übersicht über die verfügbaren Parameter. Fett gedruckte Parameter sind Pflichtparameter. Die Beschreibung der Parameter enthält Informationen über den Typ des Parameters, die möglichen Werte und die Bedeutung sowie weitere Verwendungshinweise.
Parameter | Parametertyp | Beschreibung |
---|---|---|
document | string |
Gibt die ID oder den Code des Dokuments an. Hinweis:
|
pageNumber | string |
Legt die Seite des Dokuments fest, die beim Öffnen des Dokuments angezeigt werden soll. Hinweis:
|
query | string |
Markiert den hier übergebenen Wert auf den Dokumentseiten. |
singlePage | boolean |
Gibt an, ob das Dokument im Einzelseiten- oder Doppelseiten-Modus geöffnet werden soll. Hinweis:
|
externalLinksEnabled | boolean |
Gibt an, ob externe Links im Overlay geöffnet werden sollen. Ein externer Link ist ein im Dokument enthaltener Link, der nicht auf eine Seite des Dokuments verweist, sondern auf eine externe Seite. Hinweis:
|
Ausgabebereich
Die Integration oxomi.downloadDocument ermöglicht es, ein Dokument oder eine einzelne Seite zum Download anzufordern. Dies ist beispielsweise nützlich, wenn Sie einen Download-Button auf Ihrer Seite anbieten wollen.
Die nachfolgende Tabelle enthält eine Übersicht über die verfügbaren Parameter. Fett gedruckte Parameter sind Pflichtparameter. Die Beschreibung der Parameter enthält Informationen über den Typ des Parameters, die möglichen Werte und die Bedeutung sowie weitere Verwendungshinweise.
Parameter | Parametertyp | Beschreibung |
---|---|---|
document | string |
Gibt die ID oder den Code des Dokuments an. Hinweis:
|
pageNumber | string |
Legt die Seite des Dokuments fest, die heruntergeladen werden soll. Hinweis:
|
Beispiel:
oxomi.downloadDocument({ document: "9000179" });Interaktives Code-Beispiel
Ausgabebereich
Um die Felder des Paperclip-Dialogs vorzubelegen, kann die BUZZ Capability fetchPaperclipData genutzt werden. Die so vorbefüllten Daten können im weiteren Verlauf vom Kunde noch bearbeitet werden.
Ergänzend können auch die Kontaktdaten des Benutzers vorbefüllt werden, falls diese nicht durch einen Portalbenutzer hinterlegt wurden. Weitere Informationen dazu finden Sie unter: Nutzerdaten anreichern
Als Ergebnis wird ein Objekt mit den folgenden Feldern erwartet. Es müssen hierbei nicht alle Felder angegeben werden.
Parameter | Parametertyp | Beschreibung |
---|---|---|
customer.name | string | Vollständiger Name des Kunden |
customer.email | string | Email-Adresse des Kunden |
customer.number | string | Kundennummer |
customer.street | string | Straße und Hausnummer der Kundenadresse |
customer.zip | string | Postleitzahl der Kundenadresse |
customer.city | string | Stadt, in der der Kunde ansässig ist |
message.subject | string | Betreff der Anfrage |
message.body | string | Nachrichtentext der Anfrage |
message.createCover | boolean |
Legt fest, ob der Paperclip ein Deckblatt enthalten soll. |
message.createToc | boolean |
Legt fest, ob der Paperclip ein Inhaltsverzeichnis enthalten soll. Hinweis:
|
Beispiel:
shop.addCapability('fetchPaperclipData', function (message) { const paperclipCustomer = { name: 'Max Mustermann', email: '[email protected]', number: '123-MUSTER' }; const paperclipMessage = { subject: 'Beispielanfrage', body: 'Sehr geehrte Damen und Herren,\n\nich habe folgende Anfrage:\n\n...', createCover: false, createToc: false, }; message.reply({ customer: paperclipCustomer, message: paperclipMessage }); });