Auktionsvorlagen für SaleZ erstellen

By zefanja

9. November 2010

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,und 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 Tag vergeben werden, da SaleZ den Tag selbst einfügt (in dieser Form: <img src=’imageURL‘ style=’width: 100%‘ />), d.h. am besten gibt man einem

die image ID und legt im

die Höhe/Breite des Bildes fest.

Die Standardvorlage in SaleZ ist folgendermaßen aufgebaut:

&lt;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;"&gt;
 &lt;h3 id="title" style="text-align: center;"&gt;Title&lt;/h3&gt;
 &lt;h4 id="subtitle" style="text-align: center;"&gt;Subtitle&lt;/h4&gt;
 &lt;div id="image_1" style='max-width: 500px; padding: 10px; margin: auto auto;'&gt;&lt;/div&gt;
 &lt;div id="content" style="padding: 10px;"&gt;Enter your description here&lt;/div&gt;
 &lt;div id="image_2" style='max-width: 300px; padding: 10px; float: left;'&gt;&lt;/div&gt;
 &lt;div id="image_3" style='max-width: 300px; padding: 10px; float: left;'&gt;&lt;/div&gt;
 &lt;div id="image_4" style='max-width: 300px; padding: 10px; float: left;'&gt;&lt;/div&gt;
 &lt;div id="image_5" style='max-width: 300px; padding: 10px; float: left;'&gt;&lt;/div&gt;
 &lt;div id="image_6" style='max-width: 300px; padding: 10px; float: left;'&gt;&lt;/div&gt;
 &lt;div id="image_7" style='max-width: 300px; padding: 10px; float: left;'&gt;&lt;/div&gt;
 &lt;div id="image_8" style='max-width: 300px; padding: 10px; float: left;'&gt;&lt;/div&gt;
 &lt;div id="image_9" style='max-width: 300px; padding: 10px; float: left;'&gt;&lt;/div&gt;
 &lt;div id="image_10" style='max-width: 300px; padding: 10px; float: left;'&gt;&lt;/div&gt;
 &lt;div style="clear: both; display: block;"&gt; &lt;/div&gt;
&lt;/div&gt;

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 🙂