Heute möchte ich eine kurze Einführung geben, wie man Auktionsvorlagen (Templates) für SaleZ erstellen kann. Eine Auktionsvorlage für SaleZ ist nichts weiter als eine HTML Seite ohne <html>, <head> und <body> Tag. Dementsprechend einfach ist es auch eine solche Vorlage zu erstellen – entsprechende HTML/CSS Kenntnisse vorausgesetzt.
SaleZ nutzt die Tag IDs um z.B. den Titel oder den Untertitel in eine Vorlage einzufügen, deshalb müssen in jedem Template folgende IDs vergeben sein:
- title – Für den Titel
- subtitle – für den Untertitel
- content – für die Beschreibung
- image_1 bis image_10 – für die Bilder
Zu den Bildern sei noch folgendes gesagt: Die image_1 bis image_10 dürfen nicht einem <img> Tag vergeben werden, da SaleZ den <img> Tag selbst einfügt (in dieser Form: <img src=’imageURL‘ style=’width: 100%‘ />), d.h. am besten gibt man einem <div> die image ID und legt im <div> die Höhe/Breite des Bildes fest.
Die Standardvorlage in SaleZ ist folgendermaßen aufgebaut:
<div id="page" style="width: 90%; margin: auto auto; -webkit-border-radius: 10px; -webkit-box-shadow: 0 1px 5px grey; -moz-border-radius: 10px; -moz-box-shadow: 0 1px 5px grey; border: 2px solid grey; background-image: -webkit-gradient(linear, 0 0, 0 100, from(lightgrey), to(white)); background: -moz-linear-gradient(-90deg,lightgrey, white); -moz-background-size:100% 100px; background-position:top; background-repeat:no-repeat;"> <h3 id="title" style="text-align: center;">Title</h3> <h4 id="subtitle" style="text-align: center;">Subtitle</h4> <div id="image_1" style='max-width: 500px; padding: 10px; margin: auto auto;'></div> <div id="content" style="padding: 10px;">Enter your description here</div> <div id="image_2" style='max-width: 300px; padding: 10px; float: left;'></div> <div id="image_3" style='max-width: 300px; padding: 10px; float: left;'></div> <div id="image_4" style='max-width: 300px; padding: 10px; float: left;'></div> <div id="image_5" style='max-width: 300px; padding: 10px; float: left;'></div> <div id="image_6" style='max-width: 300px; padding: 10px; float: left;'></div> <div id="image_7" style='max-width: 300px; padding: 10px; float: left;'></div> <div id="image_8" style='max-width: 300px; padding: 10px; float: left;'></div> <div id="image_9" style='max-width: 300px; padding: 10px; float: left;'></div> <div id="image_10" style='max-width: 300px; padding: 10px; float: left;'></div> <div style="clear: both; display: block;"> </div> </div>
Der einzige Nachteil an jeder Vorlage für eBay Auktion ist, dass der CSS Code direkt in die Elemente eingefügt werden muss. Eine weitere Einschränkung ist, dass Grafiken, die man für sein Template verwenden will, über eine URL eingefunden werden sollten (d.h. die benötigten Grafiken irgendwo bei einem ImageHoster hochladen oder anderweitig verfügbar machen).
Hat man einmal den HTML/CSS Teil erledigt (index.html speichern), fehlt noch ein kleiner Schritt, damit SaleZ auch die Auktionsvorlage findet. Zu jedem Template gehört eine template.info Datei, welche im gleichen Verzeichnis, wie die Auktionsvorlage (index.html) liegen muss. Diese Datei enthält nur eine Zeile:
name=Meine Auktionsvorlage
Danach kopiert man diese beiden Dateien in .$HOME/.salez/templates/MyTemplate/. SaleZ sollte nun beim nächsten Start die Auktionsvorlage erkennen (ab Version 0.1-public4).
Ich freue mich über weitere Auktionsvorlagen für SaleZ 🙂
Kannst du das wenigstens vom ubuntuusers planet nehmen das interessiert da doch keine sau.
Das Tool scheint ja ganz interessant. Bin Momentan leider mit Win7 am rumfahren, da ichmassive HW Probleme mit meinem neuen Rechner hatte:(
Das Programm wär echt ne super Sache um vollautomatisiert bei Ebay Chinesenware zu verkaufen 🙂
@Herrbert: Ich weiß nicht, wo das Problem ist, dass dieser Beitrag auch im UU-Planeten erscheint?!