| Publixx Tutorial Smartphone-Katalog erstellen
📱 Praxis-Projekt

📱 Smartphone-Katalog erstellen

Ein praktisches Tutorial, das Sie Schritt für Schritt durch die Erstellung eines professionellen Produktkatalogs führt.

🎯 Was Sie in diesem Tutorial lernen

  • Daten aus Excel/JSON in Publixx laden
  • Ein professionelles Template gestalten
  • Datenfelder an Elemente binden
  • In verschiedene Formate exportieren (PPTX, Web, PDF)
  • Elemente basierend auf Daten ein-/ausblenden
  • Dynamische Formatierung anwenden
  • Mehrere Templates für verschiedene Produkttypen
  • Strukturierte XML-Daten exportieren
Vom Datensatz zum fertigen Katalog 📊 Daten smartphones.json • Name, Preis • Specs, Bild • 10 Produkte Publixx Template Designer 🎨 Template + Formatierungs-Regeln + Template Router 📊 PowerPoint 🌐 Webseite 📄 PDF-Katalog 📋 XML-Export ✓ Fertig!
Übersicht: Ein Template, viele Ausgabeformate

Voraussetzungen

⏱️ Zeitaufwand

Dieses Tutorial dauert ca. 45-60 Minuten. Sie können jederzeit pausieren – Ihr Fortschritt wird im Browser gespeichert.

1 Daten vorbereiten (Excel)

Wir starten mit dem, was die meisten bereits haben: Eine Excel-Tabelle. Publixx kann Excel-Dateien direkt laden – ohne Konvertierung.

🎯 Ziel dieses Schritts

  • Excel-Tabelle für Publixx vorbereiten
  • Bilder richtig referenzieren (Dateinamen)
  • Daten in Publixx laden

Excel-Tabelle erstellen

Erstellen Sie eine neue Excel-Datei smartphones.xlsx mit folgender Struktur:

📊 smartphones.xlsx A B C D E F G H I J name brand price category isNew onSale stock features image specs SmartOne X Pro TechBrand 899 Premium true false 45 5G|Wasserdicht phone1.jpg Display:6.7"... BudgetPhone 5 ValueTech 249 Budget false true 120 Dual-SIM phone2.jpg Display:6.1"... ProMax Ultra TechBrand 1299 Premium true false 15 5G|8K Video phone3.jpg Display:6.9"... ... weitere Zeilen ...
Excel-Struktur: Erste Zeile = Feldnamen, jede weitere Zeile = ein Produkt. Spalte "image" enthält nur Dateinamen!

Wichtig: Bilder als Dateinamen

⚠️ Nur Dateinamen in der Spalte "image"

Tragen Sie in Excel nur den Dateinamen ein (z.B. phone1.jpg), nicht den kompletten Pfad. Den Pfad zu den Bildern konfigurieren wir später über den Asset Base Path.

Beispiel-Daten zum Kopieren

name brand price category isNew image
SmartOne X Pro TechBrand 899 Premium true phone1.jpg
BudgetPhone 5 ValueTech 249 Budget false phone2.jpg
ProMax Ultra TechBrand 1299 Premium true phone3.jpg
MidRange Plus MobileCo 449 Mid-Range false phone4.jpg
CompactPhone SE ValueTech 349 Budget false phone5.jpg

Spezielle Spalten-Formate

Spalte Format in Excel Beispiel
features (Liste) Pipe-getrennt 5G|Wasserdicht|Schnellladen
specs (Tabelle) Key:Value mit Pipe Display:6.7" OLED|Speicher:256 GB|Kamera:108 MP
isNew/onSale true/false true oder false

Excel in Publixx laden

📂
Datei → Daten laden → Excel wählen
Oder: Drag & Drop der .xlsx Datei
  1. Klicken Sie auf Datei → Daten laden
  2. Wählen Sie Ihre smartphones.xlsx
  3. Publixx erkennt automatisch:
    • Erste Zeile → Feldnamen
    • Pipe-getrennte Werte → Arrays (für Listen)
    • Key:Value-Paare → Tabellen-Daten
  4. Die Felder erscheinen in der linken Sidebar
📊 Felder 📝 name 🏷️ brand 💰 price 📋 category ✓ isNew 📋 features 🖼️ image 📊 specs Canvas Elemente hier platzieren ✓ 5 Datensätze geladen ◀ 1 / 5 ▶ SmartOne X Pro
Nach dem Laden: 5 Datensätze erkannt, Felder in der Sidebar
✅ Excel geladen!

Ihre Excel-Daten sind jetzt in Publixx verfügbar. Die Bilder zeigen noch Platzhalter – den Asset Base Path konfigurieren wir im nächsten Schritt bei den Bildern.

❓ Verständnisfragen
Welche Excel-Formate werden unterstützt?
.xlsx (Excel 2007+), .xls (Excel 97-2003) und .csv (Komma/Semikolon-getrennt). Empfohlen wird .xlsx für beste Kompatibilität.
Was passiert mit mehreren Tabellenblättern?
Publixx liest standardmäßig das erste Tabellenblatt. Bei Bedarf können Sie vor dem Import das gewünschte Blatt auswählen.
Warum Pipe (|) als Trennzeichen für Listen?
In Excel-Zellen können Sie kein Array speichern. Der Pipe | ist ein eindeutiges Trennzeichen, das selten in Texten vorkommt. Publixx wandelt 5G|Wasserdicht automatisch in ein Array um.
Kann ich die Excel-Datei später aktualisieren?
Ja! Laden Sie einfach die aktualisierte Excel-Datei erneut. Das Template bleibt erhalten, nur die Daten werden ersetzt.

2 Erstes Layout erstellen

Jetzt gestalten wir das Template – und konfigurieren, woher die Bilder kommen.

🎯 Ziel dieses Schritts

  • Seitenformat wählen (16:9 für Präsentation)
  • Elemente platzieren
  • Bilder einrichten (Asset Base Path ODER lokaler Upload)

Seitenformat wählen

📐
Layout → Seitenformat
16:9 Full HD für PowerPoint-Kompatibilität
  1. Menü Layout → Seitenformat
  2. Kategorie: Screen
  3. Format: Full HD (1920 × 1080)
  4. Klick auf Anwenden

Elemente platzieren

Ziehen Sie folgende Elemente aus der linken Sidebar auf den Canvas:

📝
Text
Für Produktname
🖼️
Bild
Für Produktfoto
📊
Tabelle
Für Specs
📋
Liste
Für Features
▭
Rechteck
Für Preis-Badge
Logo (optional) NEU-Badge 📷 Produktbild bind: image Produktname bind: name Marke bind: brand 📊 Technische Daten Display 6.7" OLED Speicher 256 GB bind: specs Features • 5G • Wasserdicht € 899 bind: price Layout-Skizze für das Smartphone-Template
Ziel-Layout: Produktbild links, Infos rechts, Preis prominent

🖼️ Bilder einrichten – Zwei Wege

Sie haben zwei Möglichkeiten, Bilder in Ihr Template einzubinden:

Zwei Wege zu Ihren Bildern Option A: Asset Base Path Bilder liegen auf einem Server/CDN Asset Base: https://cdn.example.com/phones/ + phone1.jpg = https://cdn.example.com/phones/phone1.jpg ODER Option B: Lokaler Upload Bilder direkt in Publixx hochladen 📤 Bilder hier ablegen → Bilder werden Base64 eingebettet (ideal für zPXF-Export)

Option A: Asset Base Path konfigurieren

Wenn Ihre Bilder auf einem Webserver oder CDN liegen:

🌐
Config → Asset Base
Basis-URL für alle Bilder setzen
  1. Menü Config → Asset Base
  2. Geben Sie die Basis-URL ein, z.B.: 
    https://cdn.example.com/products/phones/
  3. Klick auf Speichern

Publixx setzt nun automatisch zusammen:

// Asset Base
"https://cdn.example.com/products/phones/"

// + Dateiname aus Excel (image-Spalte)
"phone1.jpg"

// = Vollständige URL
"https://cdn.example.com/products/phones/phone1.jpg"

Option B: Bilder lokal hochladen

Wenn Sie keine Server-Infrastruktur haben:

📤
Bilder per Drag & Drop hochladen
Direkt in Publixx einbetten
  1. Öffnen Sie Config → Lokale Assets
  2. Ziehen Sie alle Produktbilder in den Upload-Bereich:
    • phone1.jpg
    • phone2.jpg
    • phone3.jpg
    • usw.
  3. Publixx speichert die Bilder als Base64
  4. Die Dateinamen aus Excel werden automatisch zugeordnet
💡 Welche Option wählen?
Kriterium Asset Base Path Lokaler Upload
Server/CDN vorhanden ✅ Empfohlen Nicht nötig
Viele große Bilder ✅ Besser (schneller) ⚠️ Langsamer
Offline-Nutzung ❌ Server nötig ✅ Ideal (eingebettet)
zPXF mit Bildern ⚠️ Nur mit Einbettung ✅ Automatisch
Template weitergeben ❌ Server muss erreichbar sein ✅ Alles in einer Datei

Bild-Element konfigurieren

🖼️
Bild auswählen → Inspector
Bind Path und Optionen
  1. Platzieren Sie ein Bild-Element auf dem Canvas
  2. Im Inspector:
    • Bind Path: image
    • Object Fit: Contain (Bild passt komplett rein)
    • Object Position: Center
  3. Das Bild erscheint automatisch!
✅ Bilder funktionieren!

Blättern Sie durch die Datensätze – jedes Produkt zeigt sein eigenes Bild. Die URL wird automatisch aus Asset Base + Dateiname zusammengesetzt.

❓ Verständnisfragen
Was ist der Asset Base Path genau?
Der Asset Base Path ist eine Basis-URL, die vor jeden Bild-Dateinamen gesetzt wird. Statt https://cdn.example.com/phones/phone1.jpg in Excel zu schreiben, tragen Sie nur phone1.jpg ein und setzen den Pfad einmal zentral.
Kann ich auch vollständige URLs in Excel verwenden?
Ja! Wenn Ihre image-Spalte bereits vollständige URLs enthält (z.B. https://...), lassen Sie den Asset Base Path einfach leer. Publixx erkennt automatisch, ob es sich um eine relative oder absolute URL handelt.
Welche Bildformate werden unterstützt?
JPG, PNG, GIF, WebP und SVG. Für Produktbilder empfehlen wir JPG (kleiner) oder PNG (transparenter Hintergrund).
Was passiert, wenn ein Bild nicht gefunden wird?
Publixx zeigt einen Platzhalter mit dem Dateinamen. Prüfen Sie den Asset Base Path und ob die Datei auf dem Server existiert.

3 Daten binden

Jetzt verbinden wir die Platzhalter-Elemente mit den echten Datenfeldern.

🎯 Ziel dieses Schritts

  • Verstehen, was "Data Binding" bedeutet
  • Elemente an Datenfelder binden
  • Durch Datensätze navigieren und Änderungen sehen
📊 Datensatz name: "SmartOne X Pro" price: 899 image: "https://..." specs: [Array] bind bind SmartOne X Pro € 899 📷 Produktbild Specs-Tabelle Display: 6.7" Speicher: 256GB
Data Binding: Datenfelder werden mit Elementen verknüpft

So binden Sie ein Element

🔗
Element auswählen → Inspector → Bind Path
Oder: Feld aus Sidebar auf Element ziehen
  1. Klicken Sie auf das Produktname-Text-Element
  2. Im Inspector (rechte Sidebar): Bind Path
  3. Geben Sie name ein
  4. Der Text zeigt nun "SmartOne X Pro"!

Alle Bindungen

Element Bind Path Typ
Produktname name Text
Marke brand Text
Produktbild image Image (URL)
Preis price Text (mit Prefix "€ ")
Spezifikationen specs Table
Features features List

Preis formatieren

Für den Preis wollen wir "€ 899" statt nur "899" anzeigen:

  1. Preis-Element auswählen
  2. Im Inspector: Prefix → € eingeben
  3. Optional: Suffix → ,– für "€ 899,–"
✅ Test: Durch Datensätze blättern

Klicken Sie unten auf → oder drücken Sie die Pfeiltaste. Das Template zeigt nun automatisch das nächste Produkt!

❓ Verständnisfragen
Was passiert, wenn ein Feld in einem Datensatz fehlt?
Das Element bleibt leer oder zeigt den Fallback-Wert (falls konfiguriert). Sie können auch Sichtbarkeits-Regeln nutzen, um leere Felder auszublenden.
Wie binde ich verschachtelte Felder wie specs[0].value?
Für Tabellen binden Sie das gesamte Array (specs). Publixx erkennt automatisch die label/value-Struktur. Für einzelne Werte: specs.0.value
Kann ich Berechnungen durchführen (z.B. Rabatt)?
Ja, mit Formatierungs-Regeln und Text-Transformationen. Oder Sie berechnen die Werte vorab in den Daten.

4 PowerPoint exportieren

Zeit für den ersten Export! Wir erstellen eine Präsentation mit allen 5 Smartphones.

🎯 Ziel dieses Schritts

  • Export-Menü kennenlernen
  • PPTX mit allen Datensätzen erstellen
  • Ergebnis in PowerPoint öffnen
📊
Export → PowerPoint → Alle Datensätze
Jeder Datensatz wird eine Folie
  1. Menü Export → PowerPoint
  2. Wählen Sie Alle Datensätze (Multi-Slide)
  3. Dateiname: smartphone-katalog
  4. Klick auf Exportieren
  5. Die PPTX-Datei wird heruntergeladen
Ergebnis: 5 Folien in PowerPoint SmartOne X Pro € 899 Folie 1 BudgetPhone 5 € 249 Folie 2 ProMax Ultra € 1299 Folie 3 MidRange Plus € 449 Folie 4 CompactPhone SE € 349 Folie 5 📊 katalog.pptx
5 Datensätze → 5 Folien in einer PPTX-Datei

Weitere Export-Optionen

Option Ergebnis Anwendung
Aktueller Datensatz 1 Folie Einzelnes Produkt
Alle (Multi-Slide) N Folien in 1 Datei Katalog-Präsentation
Alle (ZIP) N separate PPTX Individuelle Dateien
🎉 Erster Export geschafft!

Öffnen Sie die heruntergeladene PPTX in PowerPoint, Keynote oder Google Slides. Sie sehen 5 Folien – eine pro Smartphone!

❓ Verständnisfragen
Bleiben Schriften beim PPTX-Export erhalten?
Ja, wenn die Schriften auf dem Zielrechner installiert sind. Tipp: System-Schriften wie Arial, Helvetica oder Google Fonts (Roboto, Open Sans) verwenden.
Kann ich auch PDF exportieren?
Natürlich! Export → PDF → Alle (Multi-Page) erstellt ein PDF mit allen Produkten. Perfekt für Druck oder Archivierung.

5 Webseite erstellen

Aus demselben Template erstellen wir jetzt eine kleine Webseite – ohne zusätzlichen Aufwand!

🎯 Ziel dieses Schritts

  • Microsite vs. Website verstehen
  • HTML-Export durchführen
  • Ergebnis im Browser öffnen

Export-Optionen für Web

Format Beschreibung Anwendung
HTML Statische HTML-Seiten Einfache Einbettung
Microsite Einzelne Seite mit Navigation Produktkatalog, Portfolio
Website Komplette Website mit Unterseiten Umfangreiche Kataloge
Player Interaktive Slideshow Digital Signage, Kiosk
🌐
Export → Web → Microsite
Eine HTML-Datei mit Navigation
  1. Menü Export → Web → Microsite
  2. Konfiguration:
    • Titel: "Smartphone-Katalog"
    • Navigation: Aktiviert
    • Bilder einbetten: Ja
  3. Klick auf Exportieren
  4. Die HTML-Datei wird heruntergeladen
Microsite-Ergebnis file:///katalog.html Navigation SmartOne X BudgetPhone ProMax Ultra MidRange Compact SE 📷 SmartOne X Pro TechBrand € 899 Display: 6.7" OLED Speicher: 256 GB
Microsite: Navigation links, Inhalt rechts – alles in einer HTML-Datei
💡 Offline-fähig

Die Microsite funktioniert komplett offline! Alle Bilder sind als Base64 eingebettet. Einfach die HTML-Datei per E-Mail verschicken oder auf einen USB-Stick kopieren.

❓ Verständnisfragen
Was ist der Unterschied zwischen Microsite und Website?
Microsite: Eine HTML-Datei mit eingebetteter Navigation. Website: Mehrere HTML-Dateien mit Verlinkungen und separaten Unterseiten.
Kann ich die exportierte HTML anpassen?
Ja, Sie können das generierte HTML und CSS in jedem Editor bearbeiten. Für größere Änderungen empfiehlt sich jedoch die Anpassung des Templates in Publixx.

6 Sichtbarkeit steuern

Jetzt wird es spannend: Wir zeigen das "NEU"-Badge nur bei neuen Produkten!

🎯 Ziel dieses Schritts

  • Visibility-Bedingungen verstehen
  • Element basierend auf Daten ein-/ausblenden
  • Durch Datensätze blättern und Änderung sehen
Bedingte Sichtbarkeit SmartOne X Pro isNew: true NEU ✓ Badge sichtbar BudgetPhone 5 isNew: false NEU ✗ Badge ausgeblendet Gleiche Regel, unterschiedliche Daten
Das NEU-Badge erscheint nur wenn isNew = true

NEU-Badge erstellen

🏷️
Rechteck + Fester Text "NEU"
Oben rechts im Template
  1. Erstellen Sie ein Rechteck (80×30px, Radius 15px)
  2. Hintergrundfarbe: #e4002b (Rot)
  3. Darauf einen Festen Text: "NEU", weiß, fett
  4. Gruppieren Sie beide Elemente (optional)

Sichtbarkeit konfigurieren

👁️
Inspector → Visibility
Element nur bei Bedingung anzeigen
  1. NEU-Badge (oder Gruppe) auswählen
  2. Im Inspector: Visibility Sektion öffnen
  3. Mode: "Show when..."
  4. Field: isNew
  5. Operator: "equals"
  6. Value: true

Testen

Blättern Sie durch die Datensätze:

🎉 Dynamisch!

Das gleiche Template zeigt unterschiedliche Inhalte – basierend auf den Daten. Das ist die Stärke von datengetriebenen Templates!

❓ Verständnisfragen
Welche Operatoren gibt es für Visibility?
equals, notEquals, contains, notContains, greaterThan, lessThan, isEmpty, isNotEmpty. Damit lassen sich fast alle Bedingungen abbilden.
Kann ich auch "Hide when..." verwenden?
Ja! "Show when" zeigt das Element nur wenn die Bedingung erfüllt ist. "Hide when" blendet es aus wenn die Bedingung erfüllt ist. Beides ist möglich.
Was passiert beim Export mit ausgeblendeten Elementen?
Ausgeblendete Elemente werden NICHT exportiert. Das PDF/PPTX enthält also nur die sichtbaren Elemente – genau wie im Editor.

7 Dynamische Stile

Wir färben Sale-Produkte rot und zeigen Warnungen bei niedrigem Bestand – alles automatisch!

🎯 Ziel dieses Schritts

  • Formatierungs-Regeln verstehen
  • Preis rot bei Sale
  • Warnung bei niedrigem Bestand
Formatierungs-Regeln in Aktion Regel 1: Sale onSale = true → Preis rot + durchgestrichen Regel 2: Bestand stock < 10 → "Nur noch X Stk." orange Regel 3: Premium category = "Premium" → Goldener Rahmen BudgetPhone 5 € 249 € 199 CompactPhone SE ⚠️ Nur noch 5 Stk. ProMax Ultra ⭐ Premium
Drei Regeln, drei verschiedene Formatierungen

Formatierungs-Regel erstellen

🎨
Element → Inspector → Formatierungs-Regeln
Oder: Ctrl+Shift+F
  1. Preis-Element auswählen
  2. Inspector → Formatierungs-Regeln öffnen
  3. Klick auf "+ Bedingte Regel"
  4. Konfiguration:
    • Name: "Sale-Preis"
    • Bedingung: onSale equals true
    • Textfarbe: #dc3545 (Rot)
    • Schriftstärke: 700 (Fett)
  5. Aktivieren nicht vergessen!

Bestandswarnung hinzufügen

Erstellen Sie ein neues Text-Element für die Warnung:

  1. Neues Text-Element unter dem Preis
  2. Bind Path: stock
  3. Prefix: "Nur noch "
  4. Suffix: " Stk. verfügbar"
  5. Visibility: Show when stock < 10
  6. Formatierungs-Regel: Immer orange Textfarbe
💡 Reihenfolge der Regeln

Regeln werden von oben nach unten geprüft. Bei "Erste Regel gewinnt" wird nur die erste zutreffende angewendet. Bei "Alle kombinieren" werden alle erfüllten Regeln zusammengeführt.

❓ Verständnisfragen
Welche Style-Eigenschaften kann ich ändern?
fontSize, fontWeight, fontStyle (italic), textDecoration (underline, line-through), textColor, background, textAlign, padding, radius. Plus Custom CSS für erweiterte Formatierung.
Was sind CSS-Presets?
Vordefinierte CSS-Schnipsel für häufige Effekte: Schatten, Rahmen, Warnung (gelb), Erfolg (grün), Fehler (rot). Ein Klick fügt das CSS ein.
Funktionieren Formatierungs-Regeln in allen Export-Formaten?
Basis-Styles (Farben, Schrift) funktionieren in allen Formaten. Custom CSS funktioniert nur in HTML-basierten Exporten (HTML, Microsite, Player).

8 Alternative Templates

Premium-Produkte verdienen ein Premium-Layout! Mit dem Template Router wechseln wir automatisch.

🎯 Ziel dieses Schritts

  • Template Router verstehen
  • Zweites Template für Premium erstellen
  • Automatische Template-Auswahl konfigurieren
Template Router: Automatische Template-Auswahl Datensätze 1. SmartOne X Pro Premium 2. BudgetPhone 5 Budget 3. ProMax Ultra Premium 4. MidRange Plus Mid-Range 5. CompactPhone SE Budget 🔀 Template Router category = "Premium" → premium.json Default → standard.json ⭐ Premium Template Goldener Rahmen Größeres Bild Extra Features Standard Template Kompaktes Layout Basis-Informationen → 2 Produkte → 3 Produkte
Der Router prüft jedes Produkt und wählt das passende Template

Premium-Template erstellen

⭐
Aktuelles Template als Basis
Kopieren und anpassen
  1. Aktuelles Template speichern: Datei → PXF speichern als standard.pxf
  2. Änderungen für Premium vornehmen:
    • Goldener Rahmen um das gesamte Template
    • Größeres Produktbild (500×400px)
    • "Premium" Badge hinzufügen
  3. Als premium.pxf speichern

Template Router konfigurieren

🔀
Config → Template Router
Regeln für die automatische Auswahl
  1. Menü Config → Template Router
  2. Templates hinzufügen:
    • "Standard" → standard.pxf
    • "Premium" → premium.pxf
  3. Routing-Regel erstellen:
    • Wenn category equals Premium → "Premium"
  4. Default-Template: "Standard"
✅ Automatischer Template-Wechsel

Blättern Sie durch die Datensätze: Bei "SmartOne X Pro" und "ProMax Ultra" wird automatisch das Premium-Template geladen!

❓ Verständnisfragen
Was passiert beim Export mit gemischten Templates?
Jeder Datensatz wird mit seinem zugewiesenen Template gerendert. Das PDF/PPTX enthält also automatisch unterschiedliche Layouts!
Wie viele Templates kann ich definieren?
Unbegrenzt! Sie können für jede Produktkategorie, jeden Status oder jede Preisklasse ein eigenes Template erstellen.
Was ist "First Match"?
Die Regeln werden von oben nach unten geprüft. Die erste zutreffende Regel bestimmt das Template. Daher: Spezifische Regeln oben, Default ganz unten.

9 XML-Export

Zum Abschluss: Strukturierte XML-Daten für externe Systeme exportieren.

🎯 Ziel dieses Schritts

  • XML-Export verstehen
  • Feld-Mapping konfigurieren
  • XML-Datei exportieren
XML-Export: Daten strukturiert ausgeben 📊 Publixx Daten name: "SmartOne X Pro" price: 899 category: "Premium" specs: [...] image: "https://..." 🔄 Mapping name → <ProductName> price → <Price> specs → <Specifications> 📋 export.xml <?xml version="1.0"?> <Products> <Product> <ProductName> SmartOne X Pro </ProductName> <Price>899</Price> </Product>
Datenfelder werden auf XML-Elemente gemappt

XML-Export durchführen

📋
Export → XML
Strukturierte Daten für externe Systeme
  1. Menü Export → XML
  2. Mapping-Dialog öffnet sich
  3. Felder zuordnen:
    • name → ProductName
    • price → Price
    • brand → Manufacturer
    • specs → Specifications
  4. Root-Element: Products
  5. Klick auf Exportieren

Anwendungsfälle für XML-Export

Anwendung Beschreibung
PIM-Systeme Daten zurück ins Product Information Management
E-Commerce Produktfeeds für Online-Shops
Datenaustausch Strukturierte Daten für Partner und Händler
Archivierung Maschinenlesbares Format für Langzeitspeicherung
💡 Weitere Spezial-Exporte

Neben XML unterstützt Publixx auch iiRDS (technische Dokumentation), DPP (Digital Product Passport für EU-Compliance) und weitere strukturierte Formate.

❓ Verständnisfragen
Was ist der Unterschied zwischen XML-Export und JSON?
JSON ist das Eingabeformat (Ihre Daten). XML-Export ermöglicht die Ausgabe in einem anderen Format, z.B. für Systeme die XML erwarten.
Kann ich ein XML-Schema vorgeben?
Ja! Im XML-Export-Dialog können Sie ein XSD-Schema laden. Publixx validiert dann die Struktur und zeigt Mappings basierend auf dem Schema an.

10 PXF/zPXF speichern & laden

Zum Abschluss speichern wir das komplette Projekt – inklusive aller Bilder – in einer einzigen Datei.

🎯 Ziel dieses Schritts

  • PXF-Format verstehen (Publixx Exchange Format)
  • Unterschied PXF vs. zPXF kennen
  • Projekt speichern und wieder laden
  • zPXF mit eingebetteten Bildern erstellen
PXF vs. zPXF – Das Publixx Exchange Format 📄 PXF (Standard) Enthält: ✓ Template-Definition (JSON) ✓ Element-Konfiguration ⚠️ Bilder NICHT enthalten Nur Referenzen (URLs/Dateinamen) Dateigröße: ~50 KB Ideal für: Versionierung, Git VS 📦 zPXF (Komplett) Enthält: ✓ Template-Definition (JSON) ✓ Element-Konfiguration ✓ Alle Bilder (Base64 eingebettet) 🔒 Optional: AES-256 verschlüsselt Dateigröße: ~5-50 MB Ideal für: Weitergabe, Archivierung

PXF speichern (ohne Bilder)

📄
Datei → PXF speichern
Template-Definition ohne eingebettete Assets
  1. Menü Datei → PXF speichern
  2. Dateiname: smartphone-katalog.pxf
  3. Die Datei wird heruntergeladen (~50 KB)
⚠️ PXF ohne Bilder

Die PXF-Datei enthält nur das Template, keine Bilder! Wenn Sie die PXF-Datei an jemanden schicken, muss dieser ebenfalls Zugriff auf die Bilder haben (gleicher Asset Base Path oder eigene Bilder).

zPXF speichern (mit Bildern)

📦
Datei → zPXF speichern
Komplettes Paket mit allen Assets
  1. Menü Datei → zPXF speichern
  2. Optional: Passwort setzen für AES-256-Verschlüsselung
  3. Dateiname: smartphone-katalog.zpxf
  4. Publixx:
    • Lädt alle referenzierten Bilder
    • Konvertiert sie zu Base64
    • Komprimiert das Paket
  5. Die Datei wird heruntergeladen (~5-50 MB je nach Bildern)
Was steckt in der zPXF-Datei? 📦 smartphone-katalog.zpxf (ZIP-komprimiert) 📄 template.json Element-Positionen, Bindings, Regeln ⚙️ config.json Format, Asset Base, Settings 🖼️ assets/ phone1.jpg (Base64) phone2.jpg (Base64) phone3.jpg (Base64) phone4.jpg (Base64) phone5.jpg (Base64) 🔒
Die zPXF-Datei enthält alles: Template + Bilder + Konfiguration

PXF/zPXF wieder laden

📂
Datei → PXF/zPXF laden
Oder: Drag & Drop der Datei
  1. Menü Datei → PXF laden (oder zPXF)
  2. Wählen Sie die gespeicherte Datei
  3. Bei zPXF mit Passwort: Passwort eingeben
  4. Das komplette Projekt wird wiederhergestellt:
    • Template mit allen Elementen
    • Alle Konfigurationen
    • Bei zPXF: Alle Bilder sofort verfügbar

Vergleich der Formate

Eigenschaft 📄 PXF 📦 zPXF
Dateigröße Klein (~50 KB) Größer (5-50 MB)
Bilder enthalten ❌ Nein (nur Referenzen) ✅ Ja (eingebettet)
Verschlüsselung ❌ Nein ✅ Optional (AES-256)
Offline nutzbar ⚠️ Nur wenn Bilder erreichbar ✅ Vollständig offline
Weitergabe ⚠️ Asset Base nötig ✅ Alles in einer Datei
Git/Versionierung ✅ Ideal (klein, Text) ⚠️ Große Binärdaten
Archivierung ⚠️ Bilder separat sichern ✅ Alles gesichert
✅ Projekt vollständig gespeichert!

Mit der zPXF-Datei können Sie das Projekt jederzeit wiederherstellen – auf jedem Rechner, auch ohne Internet. Verschicken Sie die Datei an Kollegen – sie haben sofort alles, was sie brauchen.

❓ Verständnisfragen
Was bedeutet "Base64 eingebettet"?
Base64 ist eine Kodierung, die Binärdaten (Bilder) in Text umwandelt. So können Bilder direkt in JSON/HTML-Dateien eingebettet werden, ohne separate Dateien.
Ist AES-256 sicher genug für sensible Daten?
Ja! AES-256 ist der aktuelle Standard für Verschlüsselung und wird von Regierungen und Banken eingesetzt. Wichtig ist ein starkes Passwort.
Kann ich eine PXF nachträglich mit Bildern füllen?
Ja! Laden Sie die PXF, laden Sie die Bilder über "Lokale Assets", und speichern Sie als zPXF. Die Bilder werden dann eingebettet.
Warum ist die zPXF so viel größer?
Base64 erhöht die Dateigröße um ca. 33%. Plus: Alle Produktbilder sind enthalten. Bei 5 Bildern à 500 KB = 2.5 MB + 33% ≈ 3.3 MB zusätzlich.

🎓 Zusammenfassung

Herzlichen Glückwunsch! Sie haben erfolgreich einen vollständigen Workflow durchlaufen.

Ihr Lernfortschritt – 10 Schritte gemeistert! ✓ Excel ✓ Layout ✓ Binding ✓ PPTX ✓ Web ✓ Visibility ✓ Styles ✓ Router ✓ XML ✓ PXF 🏆 Gelernte Fähigkeiten ✅ Excel-Daten laden ✅ Asset Base Path ✅ Bilder einbinden ✅ Data Binding ✅ Multi-Format-Export ✅ Sichtbarkeit steuern ✅ Formatierungs-Regeln ✅ Template Router ✅ XML-Export ✅ PXF/zPXF speichern ✅ Verschlüsselung (AES-256)

Was Sie erstellt haben

Wichtige Konzepte

Konzept Beschreibung
Excel als Datenquelle Erste Zeile = Feldnamen, Pipe für Listen, Key:Value für Tabellen
Asset Base Path Zentrale Basis-URL für alle Bilder (nur Dateinamen in Daten)
Data Binding Datenfelder mit Template-Elementen verknüpfen
Visibility Rules Elemente basierend auf Daten ein-/ausblenden
Formatting Rules Styles dynamisch basierend auf Daten ändern
Template Router Automatische Template-Auswahl pro Datensatz
PXF vs. zPXF PXF = nur Template, zPXF = Template + Bilder + Verschlüsselung

🚀 Nächste Schritte

Sie haben die Grundlagen gemeistert! Hier sind Ideen für weitere Projekte:

🤖
Makro-System
Automatisieren Sie wiederkehrende Exports
✏️
Text-Transformationen
Daten automatisch formatieren
📐
Dynamic Layout
Automatische Layout-Anpassung
📄
Imposing
Visitenkarten & Etiketten drucken
☁️
Cloud-Integration
Google Sheets & Drive verbinden
🎬
Video-Export
Produkt-Slideshow als Video
📚 Weitere Ressourcen
  • Publixx Handbuch – Vollständige Dokumentation aller Features
  • API-Referenz – Für Entwickler und Automatisierung
  • publixxIDEA – Template-Assistent für schnellen Start

© 2025 incoxx GmbH | Publixx Template Designer
Tutorial Version 1.0 | Dezember 2025