<Sonderseiten>

Zu diesem Bereich kommen Sie, wenn Sie von der Shopdesigner-Hauptseite auf Warengruppen/Produkte klicken und dort den Punkt <Sonderseite> wählen.
Hier können Sie Ihr Firmenportrait, Geschäftsbedingungen eintragen oder auch Templates für die Gestaltung der Produktansicht editieren und das Bestellformular ändern.

Sonderseite: hier können Sie entweder eine ganz neue Seite definieren oder eine bereits angelegte laden.
Um eine Seite zu laden, tippen oder kopieren Sie den Namen der Seite in die obere Eingabezeile. Mit aktualisieren wird die Seite gespeichert (aber auch überschrieben! Es werden vom System aus keine Sicherungsdateien angelegt. Also bitte auch hier sorgfältig arbeiten und eine Sicherungskopie erstellen, bevor Sie große Veränderungen oder Experimente ausführen).
bereits definierte Seiten sind: menue.default (obere Menüleiste), info ( Firmenportrait oder ähnliches ) und gesbed ( Geschäftsbedingungen )
Sie können Sonderseiten auch dazu verwenden um zu einem Produkt Zusatzinformationen auszugeben. Dazu erstellen Sie eine beliebige Sonderseite. Jetzt können Sie in der entsprechenden Produktbeschreibung einen Link auf diese Sonderseite einfügen - ((link:Name_Ihrer_Sonderseite,Text))

Die Sonderseite menue.default
Diese Datei sollte für die meisten Shops editiert werden, um die Menüstruktur an den jeweiligen Shop anzupassen: die Seite wird als reine html-Seite definiert und muß auch entsprechend bearbeitet werden. Die Schrift-Einstellungen aus der Shop-Designer-Hauptseite (Styles...) greifen hier nicht! Wenn Sie eine Hintergrundgraphik verwenden, muß diese hier noch einmal aufgerufen werden
<body background=" http://www.oneworld.de/scripts/shop.prg?img=/Ihr-Online-Shop/doc/images/datei.gif">

Schriftart, Schriftfarbe und Schriftgröße können Sie durch das Einbinden eines Stylesheets oder über den <font> Tag beeinflussen.
<font color="red" size=5 face="Arial">Text</font>
color legt die Farbe der Schrift fest, size die Größe ( bitte beachten Sie, dass es sich hier um relative Werte handelt - die Schriftgröße bezieht sich auf im Browser eingestellten Schriftgrößen) und face legt die Schriftart fest.

Sie können einzelne Menüpunkte auch graphisch darstellen, indem Sie weitere Graphiken einbauen. Bitte beachten Sie hierbei die Adressierung:

(http://www.oneworld.de/scripts/shop.prg?img=/Ihr-Online-Shop/doc/images/datei.gif)

Verwenden Sie als Grafiken bitte nur Datein im jpg oder gif Format.

HTML Beispiel für grafischen Link:
<a href="#homepage#" target="_top"><img src="http://www.oneworld.de/scripts/shop.prg?img=/backshop/doc/images/homebild.gif" width="80" height="40" border="0"></a>

Erklärung: durch <img wird festgelegt, dass hier ein Bild erscheinen soll, src=definiert die Quelle des Bildes, width= bestimmt die Breite des Bildes, height= bestimmt die Höhe des Bildes und mit border= legen Sie fest ob das Bild einen Rahmen haben soll und die Rahmenbreite ( bei border="0" hat das Bild keinen Rahmen ).

 

Sie können auch, wenn Sie eine framefreie Lösung bevorzugen, alle Punkte der oberen Menüleiste in die linke Menüleiste einbinden. Richten Sie dazu Warengruppen mit folgenden Namen ein:
#start,Startseite     um zur Startseite des Shops zu gelangen
#search,Suchen     um die Suchfunktion aufzurufen
#view-gesbed,Geschäftsbedingungen     um die Geschäftsbedingungen aufzurufen
#warenkorb,Warenkorb     um zum Warenkorb zu gelangen
#home,Homepage     um zu Ihrer Homepage zu gelangen
#view-info,Info/Hilfe     um die Seite Info/Hilfe aufzurufen
 

Sie können selbstverständlich die Bezeichnungen hinter dem Komma selbst wählen
Sie können so auch jede beliebige, von Ihnen erstellte Sonderseite in die linke Menüleiste aufnehmen.
      dazu wählen Sie als Gruppennamen #view-name-Sonderseite, Bezeichnung die im Menü erscheinensoll.
      z.B.#view-firmenportrait,Firmenportrait

Wenn Sie Bilder für diese Menüpunkte verwenden wollen, ändern Sie die Bezeichnungen bitte folgendermaßen:
z.B. #search,image:lupe.gif,Suchen ( Bitte vergessen Sie nicht Ihre Bilder "raufzuladen" )

Die Sonderseiten info und gesbed : werden aus menue.default als Info-Datei und für die Allgemeinen Geschäftsbedingungen angesteuert)

Bearbeiten von Sonderseiten

Bild laden: mit dieser Funktion können Sie Ihren Rechner nach Dateien in einem der netzfähigen Formate (jpg, gif) durchsuchen. Wählen Sie im Auswahlfenster die richtige Datei aus. Mit upload wird die ausgewählte Datei auf den Shopserver übertragen.
Headline: Eingabe der gewünschten Überschrift im Navigationsfeld; funktioniert nur für Sonderseiten und die allererste Startseite, wird bei Warengruppen-Seiten ignoriert ( es wird dann der Name der aktuellen Warengruppe angezeigt ).

Text: in dieses Feld können Sie beliebigen Fließtext eingeben. Absätze und Umbrüche werden aus der Vorlage (strg+v) mitkopiert.
Im Prinzip können hier (außer Sonderzeichen-Definitionen, die automatisch interpretiert werden und dem Tag &nbsp;) alle HTML-Befehle angewandt werden, die innerhalb des Body-Tags definiert werden.
Grundsätzlich gilt, daß die <Tag> des Original-Tags als ((Tag)) geschrieben werden müssen.

Wichtig :
Sie können eine Sonderseite auch als html-Datei gestalten. Vergessen Sie nicht diese mit der Endung .htm abzuspeichern und ebnenfalls mit dieser Endung wieder aufzurufen. (z.B. ((link:Sonderseite.htm,Text)). In Ihrer html-Sonderseite müssen Sie die normalen html-Tags mit spitzen Klammern verwenden.

Die folgenden Textformatierungen sind (u.a.) möglich:

((h1))Überschrift((/h1))
Mit Hilfe dieser Eingaben definieren Sie eine bereits vom nachfolgenden Text durch einen Absatz getrennte Überschrift, die in einem größeren Schriftfont angezeigt wird, als der Rest des Textes. Hierbei ist h1 die größtmögliche, h4 die kleinste (normale Schrift, aber fett und mit nachfolgendem Absatz) Variante. ( Schriftfarbe und Schriftgröße der Überschriften können Sie bei Styles etc festlegen )

((b))Fettschrift((/b))
((i))kursiv((/i))
((br))Zeilenumbruch((/br))
((p))Absatz((/p)); am Textanfang: ((br))((br))

Liste definieren
((ul))
((li))erster Punkt
((li))zweiter Punkt
((li))dritter...
((/ul))

Bild einfügen:
((image:Bildname.jpg,left))
(alternativ: Bildname.gif;right)
Sie können ein Bild auch über den normalen HTML-Befehl einbinden, beachten Sie dann aber die Referenzierung des Bildes innerhalb des Shops:
(http://www.oneworld.de/scripts/shop.prg?img=Ihr-Online-Shop/doc/images/datei.gif)
Diese Adressierung ist z.B. auch interessant, wenn Sie die Links in der oberen Menüleiste durch Graphiken austauschen möchten.
Um die Bildgröße sowie einen Abstand vom Bild zum umgebenden Text zu definieren, geben Sie die Werte für die Bildgröße, sowie den horizontalen bzw. vertikalen Abstand (alle Werte in Pixeln) wie folgt ein:
((image:bild.jpg:Breite:Höhe|hspace:vspace,right)) z.B. ((image:foto.jpg:400:300|10:10,right))

Link einfügen:
((link:http://www.irgendeineinternetadresse.xx, Hier finden Sie den richtigen Link))
wird ausgegeben als: Hier finden Sie den richtigen Link

internen Link anlegen:
((link:Sonderseite, Hier ist die Sonderseite))
wird ausgegeben als: Hier ist die Sonderseite und ruft die Shop-interne Seite auf

Link einfügen, der ein neues Browser-Fenster öffnet oder eine andere target-Variante realisiert:
((link:"http://www.irgendeineinternetadresse.xx,_new, Hier finden Sie den richtigen Link))
analog funktinieren auch _blank, _parent, _top

Verweis auf eine Email-Adresse:
((link:mailto:u.dobler@altop.de, Setzen Sie sich mit uns in Verbindung!))
wird ausgegeben als: Setzen Sie sich mit uns in Verbindung und ruft die Mail-Funktion Ihres Browsers auf

Anker definieren und Verweise zu Ankern:
Sie können innerhalb einer Sonderseite Anker definieren und Verweise zu diesen Ankern setzen, um einen Sprung genau an die Ankerstelle innerhalb der Datei zu veranlassen.

Fügen Sie dazu an der gewünschten Stelle auf der Sonderseite einen Anker ein: ((a name=oben))((/a))
Auf diesen Anker können Sie jetzt direkt einen Link setzen: ((a href=#oben))nach oben((/a))
Solche Verweise sind z.B. auf sehr langen Seiten sinnvoll um vom Ende der Seite schnell wieder zum Seitenanfang zu gelangen.

Aktualisieren: speichern Sie die Änderungen
beenden schließen Sie diese Eingabe

Templates für die Produktdarstellung bearbeiten

Um eine Liste der bereits vorhandenen Templates zu erhalten, geben Sie bitte templates.ol in das Eingabefeld ein un klicken auf laden. Sie sehen jetzt eine Liste der verfügbaren Templates (default:Standard,s_bild_rechts:Standard Bild rechts...usw).
Die Bezeichnung vor dem Doppelpunkt gibt den Dateinamen des Templates an und die Bezeichnung nach dem Doppelpunkt gibt den Namen an, der in der Auswahlliste bei der Produktgestaltung steht.

Um das gewünschte Template zu laden, tragen Sie bitte den gewünschten Dateinamen (die Bezeichnung vor dem Doppelpunkt) mit der Endung .msk in das Eingabefeld ein un klicken auf laden

z.B. s_bild_unten:Standard Bild unten (hier heißt die zu editierende Datei s_bild_unten.msk, in diesem HTML-Fragment können entsprechende Änderungen vorgenommen werden.
Besonders interessant kann diese Anwendung z.B. dann sein, wenn Sie ausschließlich Informationen anbieten wollen:
wenn Sie innerhalb der Multi-Templates die Einfügungen Produkt1 und Produkt2 entfernen bzw. nicht definieren, erscheint im Shop der Warenkorb-Button nicht mehr. (auch hier gilt natürlich: bitte alles vorher sichern!!!)

Wenn Sie ein Template individuell gestalten wollen, achten Sie bitte darauf, dass die Tabellenstruktur erhalten bleibt ( eine Tabellenreihe <tr></tr>, sowie zwei Tabellenspalten <td></td>).Am besten kopieren Sie den HTML-Code eines Standardtemplates und bearbeiten ihn dann. Sie können die verschiedenen Elemente ( z.B.#beschreibung#) frei plazieren. Tragen Sie dann bitte Ihr neues Template in die Templateliste ein (templates.ol) - Dateiname ihres Templates : Name des Templates, der dann bei der Produktgestaltung in der Liste stehen soll.

nach oben

Editieren des Bestellformulares:

Wenn die Standardvorgaben des Bestellformulares für Sie nicht zutreffen oder irgendeine Ergänzung, Hinweis an den Besteller etc. notwendig ist, können Sie die Datei bestell.msk als Sonderseite editieren.

Ergänzung / Erweiterung des Bestellformulars
Ein Bestellformular kann ein Textfeld für Kommentare o.ä. enthalten, die bestell.msk muß dafür um diesen Code ergänzt werden:

<tr>
<td align="RIGHT" VALIGN="top">
<FONT FACE="Arial, Helv, Helvetica, Univers, Lucida, Swiss" SIZE="2">
Bestellvermerk
</FONT>
</td>
<td VALIGN="top">
<FONT FACE="Arial, Helv, Helvetica, Univers, Lucida, Swiss" SIZE="2">
<textarea name="text:bemerkung" cols="40" rows="3">#bemerkung#</textarea>
</FONT>
</td>
</tr>

Die bestmail.msk muß dann einen Eintrag #bemerkung# enthalten, sonst wird nichts an die Email übergeben (gilt für alle Änderungen der bestell.msk).

Wenn man zusätzliche Eingabefelder braucht, kann mann diese wie im Beispeil eingeben:

<tr>
<td align="RIGHT" valign="TOP">
<FONT FACE="Arial, Helv, Helvetica, Univers, Lucida, Swiss" SIZE="2">
Telefon
</FONT>
</td>
<td VALIGN="top">
<FONT FACE="Arial, Helv, Helvetica, Univers, Lucida, Swiss" SIZE="2">
<input type="Text" name="Zusatz_1" size="40" value="#zusatz_1#">
</FONT>
</td>
</tr>

Hier ist wichtig, dass Name (name="Zusatz_1") groß geschrieben wird (Programmbedingt) und der Wert (value) muß genau so in der bestmail.msk ( ebenfalls als Sonderseite laden ) eingetragen werden (#zusatz_1#).