| Inhalt: Dieser Dokumentationsartikel erklärt, wie Du für Deine Angebote auf ausgewählten Marktplätzen Templates nutzen kannst und was es zu beachten gilt. THEMENVERZEICHNIS
|
 | Lesezeit: ca. 10 - 30 Minuten |
Templates unterstützende Marktplätze
Aktuell kannst Du Templates für Deine Angebote auf den nachstehenden Marktplätzen verwenden:
- Hood
- ManoMano
- Ricardo
Verwendung eigener Templates
- Öffne die unicorn 2 Konfigurationsoberfläche, wähle auf der linken Seite Deinen Shop aus (in unserem Beispiel Hood) und klicke oben auf den Reiter Artikel.
(Im Sinne der Barrierefreiheit: Das Bild zeigt die Shop Einstellungen in unicorn 2.) - Klicke nun auf den Button Templates einstellen.
(Im Sinne der Barrierefreiheit: Das Bild zeigt die Shop Einstellungen in unicorn 2.) Klicke im sich nun öffnenden Fenster Templates auf den Button Import.
(Im Sinne der Barrierefreiheit: Das Bild zeigt die Shop Einstellungen in unicorn 2.)Wähle das zu importierende ZIP-Archiv aus und klicke auf Öffnen.
Wir haben als Beispiel das zu importierende Template test_template genannt.
(Im Sinne der Barrierefreiheit: Das Bild zeigt die Shop Einstellungen in unicorn 2.)Das Template wird nun geladen.
(Im Sinne der Barrierefreiheit: Das Bild zeigt die Shop Einstellungen in unicorn 2.)Aktiviere das Template links mit einem Haken.
Du hast die Möglichkeit, mehrere Templates (je nach Jahreszeit/Festivität) zu erstellen und in unicorn 2 zu hinterlegen.
Wenn Du später das Template wechseln möchtest, aktiviere es an dieser Stelle und klicken im Tab Artikel auf Alle Artikel updaten.
(Im Sinne der Barrierefreiheit: Das Bild zeigt die Shop Einstellungen in unicorn 2.)
Verwendung der unicorn 2-Templates
Wichtiger Hinweis: Diese Designtemplates dürfen nur in Verbindung mit unicorn 2 benutzt werden. Anderweitige Nutzung/Teilnutzung ist ohne schriftliche Genehmigung nicht erlaubt und wird geahndet. Ebenso dürfen die Copyright-Angaben nicht verändert werden. Weitere Informationen zu den Nutzungsbedingungen siehe www.marcos-software.de License/Usage: www.marcos-software.de
- Öffne die Oberfläche von unicorn 2, wähle links Deinen Hood Shop aus und klicke oben auf den Reiter Artikel.
(Im Sinne der Barrierefreiheit: Das Bild zeigt die Shop Einstellungen in unicorn 2.) - Klicke auf den Button Templates einstellen.
(Im Sinne der Barrierefreiheit: Das Bild zeigt die Shop Einstellungen in unicorn 2.) - In dem sich nun öffnenden Fenster Templates klicke auf den Button Standardtemplate.
(Im Sinne der Barrierefreiheit: Das Bild zeigt die Shop Einstellungen in unicorn 2.) - Du hast nun die Auswahl zwischen den Standardtemplates Gentle, Hippster und Little Sweets.
(Im Sinne der Barrierefreiheit: Das Bild zeigt die Shop Einstellungen in unicorn 2.) - Durch einen Klick auf den Button unter der Template-Vorschau speicherst Du dieses Template als gepacktes ZIP-Archiv auf Deinem Computer.
Für dieses Beispiel verwenden wir das Template Gentle.
(Im Sinne der Barrierefreiheit: Das Bild zeigt die Shop Einstellungen in unicorn 2.) - unicorn 2 weist Dich nun darauf hin, dass vor dem Import des Ihren Ansprüchen gemäß veränderten Templates das Logo, alle Grafiken und Shopinformationen angepasst werden müssen.
Klicke zur Bestätigung unten rechts auf den Button Ok.
(Im Sinne der Barrierefreiheit: Das Bild zeigt die Shop Einstellungen in unicorn 2.) - Entpacke das herunter geladene Archiv und öffne den Ordner.
Du findest einen Ordner mit dem Namen gfx, in dem alle Grafiken sowie Logos enthalten sind, sowie eine Html-Datei.
(Im Sinne der Barrierefreiheit: Das Bild zeigt die Shop Einstellungen in unicorn 2.) - Tausche grundsätzlich die Grafiken Deinen Wünschen entsprechend aus.
Achte hierbei auf die Bild- und Lizenzrechte.
(Im Sinne der Barrierefreiheit: Das Bild zeigt die Shop Einstellungen in unicorn 2.) - Um die Datei index.html zu editieren, führe einen Rechtsklick auf die Datei aus und öffnen diese mit einem Editor.
(Im Sinne der Barrierefreiheit: Das Bild zeigt die Shop Einstellungen in unicorn 2.) - Im Quelltext dieser Datei findest Du gelb markiert die Angaben für die beiden im Template verwendeten Grafiken:
- gfx/logo.png für die obere Grafik und
- gfx/footer.png für die untere Grafik.
Diese müssen beide ausgetauscht werden.
(Im Sinne der Barrierefreiheit: Das Bild zeigt die Shop Einstellungen in unicorn 2.)
(Im Sinne der Barrierefreiheit: Das Bild zeigt die Shop Einstellungen in unicorn 2.)
- An dieser Stelle kannst Du nun eigene Angaben für die Fußzeile hinterlegen.
(Im Sinne der Barrierefreiheit: Das Bild zeigt die Shop Einstellungen in unicorn 2.) - Speichere die Datei und packe den gesamten Ordner inklusive aller Unterordner und Grafiken wieder in das gleichnamige Archiv, in diesem Fall gentle.zip.
(Im Sinne der Barrierefreiheit: Das Bild zeigt die Shop Einstellungen in unicorn 2.) Klicke unter Hood > Artikel > Templates einstellen auf den Button Import.
(Im Sinne der Barrierefreiheit: Das Bild zeigt die Shop Einstellungen in unicorn 2.)Wähle das zu importierende ZIP-Archiv gentle.zip aus und klicke unten rechts auf den Button Öffnen.
(Im Sinne der Barrierefreiheit: Das Bild zeigt die Shop Einstellungen in unicorn 2.)Das Template wird nun geladen.
(Im Sinne der Barrierefreiheit: Das Bild zeigt die Shop Einstellungen in unicorn 2.)Aktiviere das Template links mit einem Haken.
Du hast die Möglichkeit, mehrere Templates (je nach Jahreszeit/Festivität) zu erstellen und in unicorn 2 zu hinterlegen.
Wenn Du später das Template wechseln möchtest, aktiviere es an dieser Stelle und klicke im Tab Artikel auf den Button Alle Artikel updaten.
(Im Sinne der Barrierefreiheit: Das Bild zeigt die Shop Einstellungen in unicorn 2.)
CSS
Da nur der Body Bereich an den Marktplatz übertragen wird, muss jegliches CSS inline (im Body des Templates) angewendet werden.
Es sind daher weder eine Verlinkung auf externe CSS Quellen noch eine CSS-Definition im Head Bereich erlaubt.
Beispiel: Statt <p class="TestButton"> sollte <p style ="bold;"> genutzt werden.