Online Web-Katalog Einbindung in den Liebherr Styleguide.

Präsentation zum Thema: "Online Web-Katalog Einbindung in den Liebherr Styleguide."—  Präsentation transkript:

1 Online Web-Katalog Einbindung in den Liebherr Styleguide

2 Agenda Umsetzung im Styleguide 2 Technische Beschreibung 1
Online Web-Katalog

3 Export Datei Allgemeine Informationen zur Datei
Datei-Namen Aufbau: z.B. de_DE_2017 Vertrieb DE Handel Online.csv de = Sprachkennung _ = Trennzeichen DE = Länderkennung = Sortiment .csv = Dateiformat Eigenschaft der Datei: Dateiformat = .csd-Datei Codierung = UTF-8 Online Web-Katalog

4 Export Datei Die Exportdatei mit deren Attributen sind wie folgt strukturiert Online Web-Katalog

5 Export Datei FMT Übersicht 1 Technical Data 2 Asset Data 3 Buttons
4 Feature Image 5 Feature Teaser 6 Footnotes 7 Prices 8 Videos 9 Metadata FMT Gibt die ID von FMT_Name an Online Web-Katalog

6 LeaveNodeName gibt an in welcher Rubrik das Geräte vorhanden ist
Export Datei Sprache LeaveNodeName gibt an in welcher Rubrik das Geräte vorhanden ist ID des LeaveNodeName Online Web-Katalog

7 Allgemein OrderColumn SalesArticleNumber Artikelnummer des Gerätes
Gibt die Reihenfolge an, wie Bilder/Texte zu positionieren sind SalesArticleNumber Artikelnummer des Gerätes (wird nicht auf Seite aufgeführt)

8 Technical Data (FMT: 1) Technical Data
Enthält Daten für die Rubrik „Technische Daten“ Sowie die Anzeige des Gerätes in der jeweiligen Rubrik

9 Gibt die Id der AttributeGroupname an
Technical Data (FMT: 1) AttributeGroupId Gibt die Id der AttributeGroupname an AttributeGroupname (Produkthighlight) Es existieren noch weitere AttributeGroupname im Bereich Technical Data die mit ihren Werten folgende Positionen einnehmen Allgemeine Produktinformation Kühlteil Leistung und Verbrauch Gefrierteil Abmessung und Gewicht Design und Materialien Steuerung und Funktionen Aufbau und Installation

10 Technical Data (Produkthighlight) (FMT: 1)
AttributeId Gibt die Id des AttributeName an AttributeValue Attributwert unformatiert AttributeGroupname: Produkthighlight

11 Technical Data (Zusatz) (FMT: 1)
Sobald das AttributeGroupname nicht „Produkthighlight“ ist, so werden die AttributeName, sowie dessen AttributeValueFormatted und Attribute Unit in der jeweiligen Groupname eingefügt AttributeId Gibt die Id des AttributeName an AttributeValue Attributwert unformatiert AttributeUnit Angabe der Einheit z.B. l, cm, … Level Sorgt für die Einrückung des AttributeName

12 Referenz auf FMT: 6 Footnotes
Technical Data (FMT: 1) FootNoteId Referenz auf FMT: 6 Footnotes text Dies ist der gleiche Text, welcher in den Footnotes angegeben und vergeben wird.

13 AssetData (FMT: 2) Asset Data Enthält Dateien für Download und Darstellung des Gerätes

14 Gibt die Id der AttributeGroupname an
AssetData (FMT: 2) Product_gallery AttributeGroupId Gibt die Id der AttributeGroupname an Bei Klick auf erscheint EnergyLabel

15 AssetData (FMT: 2) AttributeId Level Gibt die Id des Assets an
In FMT: 2 nicht verwendet AttributeId Gibt die Id des Assets an AttributeName Hierbei handelt es sich um die Klassifizierung

16 Referenz auf FMT: 6 Footnotes
AssetData (FMT: 2) title Gibt an als was der „text“ anzeigen soll. Der Begriff „title“ ist hier als Keyword verwendet FootNoteId Referenz auf FMT: 6 Footnotes (hier nicht benötigt) text Angabe des Textes auf der Seite, sofern es sich um keine jpeg-Datei handelt

17 Buttons (FMT: 3) Buttons Enthält Daten u. Bilder für diesen Bereich

18 Buttons (FMT: 3) AttributeGroupId Gibt die Id der AttributeGroup an
AttributeGroupname Bezeichnung der Gruppe

19 Buttons (FMT: 3) AttributeUnit
Gibt an um welches Dateiformat es sich bei dem einzufügenden Attribut handelt und wie dies wiedergegeben werden soll AttributeId Gibt die Id des Buttonname an Attribute Value Ursprünglicher Dateiname vor der Formatierung Buttonname AttributeValueFormatted Dateiname für den Aufruf auf der Website formatiert

20 Buttons (FMT: 3) title FootNoteId Angezeigte Überschrift
Referenz auf FMT: 6 Footnotes (hier nicht benötigt) text Darauffolgende Beschreibung der im „title“ genannten Überschrift Aufgrund der im Vorfeld getroffenen Auswahl „Button“ wird der Titel, sowie Text nicht angezeigt

21 Feature Images (FMT: 4) Enthält Bild, sowie Überschrift
und Beschreibung für die angezeigten Button

22 Feature Images (FMT: 4) AttributeGroupId
Gibt die Id der AttributeGroup an AttributeGroupname Bezeichnung der Gruppe Aufgrund der Auswahl des FMT_Name „Feature Image“ werden diese den jeweiligen Button zugeordnet

23 Feature Images (FMT: 4) AttributeUnit
Gibt an um welches Dateiformat es sich bei dem einzufügenden Attribut handelt und wie dies wiedergegeben werden soll AttributeId Gibt die Id des AttributeName an Attribute Value Attributwert vor der Formatierung AttributeName AttributeValueFormatted Attributwert für den Aufruf auf der Website formatiert

24 Feature Images (FMT: 4) FootNoteId title Angezeigte Überschrift
Referenz auf FMT: 6 Footnotes (hier nicht benötigt) text Darauffolgende Beschreibung der im „title“ genannten Überschrift

25 Feature Teaser (FMT: 5) Enthält die Daten u. Bilder für
die Rubrik „Ausstattung

26 Feature Teaser (FMT: 5) AttributeGroupId
Gibt die Id des AttributeName an AttributeGroupname Bezeichnung der Gruppe Level Nicht benötigt in FMT 5

27 Feature Teaser (FMT: 5) AttributeUnit
Gibt an um welches Dateiformat es sich bei dem einzufügenden Attribut handelt und wie dies wiedergegeben werden soll AttributeId Gibt die Id des AttributeName an Attribute Value Attributwert vor der Formatierung AttributeValueFormatted Attributwert für den Aufruf auf der Website formatiert AttributeName

28 Feature Teaser (FMT: 5) FootNoteId Referenz auf FMT: 6 Footnotes
(hier nicht benötigt) title Angezeigte Überschrift text Darauffolgende Beschreibung der im „title“ genannten Überschrift Sollten mehr als 6 Feature Teaser angegeben, so werden automatisch separate Buttons auf der Seite angezeigt

29 Footnotes (FMT: 6) Einfügen von Fußmarken im
Bereich „Technische Daten“

30 Footnotes (FMT: 6) AttributeGroupId Level
Gibt die Id des AttributeName an (können ignoriert werden) Level Einrückung der Werte (können ignoriert werden) AttributeGroupname Bezeichnung der Gruppe (können ignoriert werden) In diesem Beispiel wurde keine AttributeGroupId angegeben, somit ist auch kein AttributeGroupname vorhanden.

31 Footnotes (FMT: 6) AttributeUnit
Gibt an um welches Dateiformat es sich bei dem einzufügenden Attribut handelt und wie dies wiedergegeben werden soll AttributeId Gibt die Id der Footnote an Attribute Value Footnote-Wert AttributeValueFormatted Footnote-Wert (wird in diesem Format nicht verwendet) Footnote Präfix

32 Footnotes (FMT: 6) FootNoteId title
Zuständig zur Anzeige einer Fußnote title Angezeigte Überschrift (wird nicht verwendet) text Einzufügender Text (wird nicht verwendet)

33 Prices (FMT: 7) Im Format 7 „Prices“ werden folgende Spalten nicht verwenden und können ignoriert werden. LeaveNodeId LeaveNodeName AttributeGroupId AttributeGroupname Level title text FootNoteId

34 AttributeValueFormatted AttributeName Default „Price“
Prices (FMT: 7) AttributeUnit Währung Attribute Value Preis Dezimaltrennzeichen: . (Punkt) Tausenderkennzeichen: nicht vorhanden AttributeId Default „1“ AttributeValueFormatted Preis Dezimaltrennzeichen: . (Punkt) Tausenderkennzeichen: nicht vorhanden AttributeName Default „Price“

35 Videos (FMT: 8) Im Format 8 „Video“ werden folgende Spalten nicht verwendet, können jedoch befüllt sein, abhängig von Format 1. LeaveNodeId LeaveNodeName AttributeGroupId AttributeGroupname Level FootNoteId

36 Attribute Value (Formatted)
Videos (FMT: 8) AttributeUnit Wird nicht verwendet Attribute Value (Formatted) Link zu YouTube-Video AttributeId title Anzeigename text Videobeschreibung AttributeName

37 Metadata (FMT: 9) Im Format 9 „Metadata“ werden folgende Spalten nicht verwenden können jedoch befüllt sein, abhängig von Format 1. LeaveNodeId LeaveNodeName Level title text AttributeUnit FootNoteId

38 AttributeGroupId \ AttributeGroupname AttributeValueFormatted
Metadata (FMT: 9) AttributeGroupId \ AttributeGroupname Analog zu Format 1 gibt es eine Id und ein Namen zu der entsprechenden Gruppe z.B. Sortimente Attribute Value Attributwert AttributeId AttributeValueFormatted Attributwert AttributeName

39 Agenda Technische Beschreibung 1 Umsetzung im Styleguide 2
Online Web-Katalog

40 Hersteller und Produktbezeichnung
Produktbezeichnung setzt sich aus 3 Teile zusammen: 1. Das Wort „Liebherr“ 2. „SalesArticleDisplayName“ 3. „SalesArticleType“ Online Web-Katalog

41 Keyfeatures Die Keyfeatures befinden sich unter FMT „1“ und AttributeGroupId „99999“: Die Ausgabe setzt sich zusammen aus: 1. „AttributeName“ 2. „AttributeValueFormatted“ 3. „AttributeUnit“ Sortierung nach „OrderColumn“ Diese muss in der jeweiligen „AttributeGroupId“ durchgeführt werden Online Web-Katalog

42 EAN-Code Der EAN-Code ist unter FMT „1“ unter der AttributeId „4017“
Ausgabe: AttributeValueFormatted Online Web-Katalog

43 Click-to-Action Der Click-to-Action Button ist bei allen LFH+ Geräten verpflichtend Unter FMT „9“ und AttributeValueFormatted „True“ ist ersichtlich ob es sich um ein LFH+ Gerät handelt. Online Web-Katalog

44 Feature-Buttons Die Buttons sind unter FMT „3“ abgelegt
Ausgabe: AttributeValueFormatted OrderColumn Aufsteigend Zudem müssen die passenden Texte aus „text“ beim Mouseover oder durch klicken angezeigt werden Online Web-Katalog

45 Produktdatenblatt & Energielabel
Das Produktdatenblatt ist unter FMT „2“ abgelegt AttributeGroupId „ “ Ausgabe „AttributeValueFormatted“ Das Energielabel ist unter FMT „2“ abgelegt AttributeGroupId „ “ Die Gebrauchsanweisung ist unter FMT „2“ abgelegt AttributeGroupId „ “ Online Web-Katalog

46 Produktbeschreibung Die Produktbeschreibung setzt sich zusammen aus der Ausstattung und den Technischen Daten Die Ausstattung ist unter FMT „5“ Die Ausgabe setzt sich zusammen aus: 1. „AttributeValueFormatted“ 2. „text“ Online Web-Katalog

47 Produktbeschreibung Die Technischen Daten sind unter FMT „1“ unter der AttributeGroupId „3003 – 3014“ Es muss jeweils unter einer AttributeGroupId die Daten gruppiert werden Ausgabe AttributeGroupname Beispiel: AttributeGroupId „3004“ Gruppiert als „Leistung und Verbrauch“ Anschließend muss unter dieser Gruppe der AttributeName und die AttributeValueFormatted angezeigt werden Beispiel: Energieeffizienzklasse A+++ Energieverbrauch in 24 Stunden 0,478 Spannung V ~ Erst muss die AttributeGruopId Aufsteigend sortiert werden und dann innerhalb jeweiligen Gruppen nach der OrderColumn Online Web-Katalog

48 Abbildungen Es müssen alle Abbildungen die zur Verfügung gestellt werden angezeigt werden Unter FMT „2“ sind alle Abbildungen zum Gerät verlinkt Ausgabe: AttributeGroupname = „product_gallery“ (Abbildungen) AttributeGroupname = „product_downloads“ + AttributeName = „builtin_installation_diagram“ (Einbauzeichnung) Dateiname = „AttributeValueFormatted“ Online Web-Katalog

49 Abbildungen Es müssen alle Videos passend zum Gerät angezeigt werden
Unter FMT „8“ sind alle Video verlinkt Ausgabe: „AttributeValueFormatted“ Online Web-Katalog