Für das Grundlayout Ihres Shops können Sie einerseits eine Layout-Vorlage übernehmen oder hier Ihr ganz persönliches Shop-Layout zusammenstellen resp. die Vorlage abändern. Folgende Layout-Elemente werden hier gesetzt:
Menüposition
Short-Cart-Höhe
Ausrichtung-Menü
Seitenrand oben
Ausrichtung-Seite
Button-Serie auswählen
Menü-Hintergrundbild
Menü-Hintergrundfarbe
Seiten-Hintergrundbild
Seiten-Hintergrundfarbe
Tabellenkopf-Hintergrundfarbe
Tabellenzelle-Hintergrundfarbe
Alternative-Hintergrundfarbe
Rahmenfarbe
Symbole auswählen
Menuebreite
Seitenrand
Seitenbreite
Bestellungsnavigation
 

Menueposition

Bestimmen Sie hier die Position der Menü-Navigation, des Warenkorbs und der Seiten.

Pos 1= Menü links; Short-Cart oben; Seite rechts
Pos 2= Menü links; Short-Cart unten; Seite rechts
Pos 3= Menü rechts; Short-Cart oben; Seite links
Pos 4= Menü rechts; Short-Cart unten; Seite links



 

Short-Cart-Höhe

Bestimmen Sie hier, welche Höhe der Short-Cart im Menü einnehmen soll.

Hinweis:
Die Texte zum Short-Cart bestimmen Sie unter Texte -> Warenkorb

 

Ausrichtung-Menü

Wählen Sie hier, ob Sie die Menü-Elemente links-, zentriert oder rechtsbündig angezeigt haben möchten.

Hinweis:
Diese Auswahl gilt für alle Elemente der Menü-Konfiguration

 

Seitenrand oben

Bestimmen Sie mit einer Pixel-Angabe wo Ihre Seiteninhalte beginnen sollen.

Hinweis:
Falls Sie den Beginn des Menüs gleichsetzen möchten, können Sie in der  Menü-Konfiguration einen entsprechenden Platzhalter an den Beginn des Menüs setzen.
 

Ausrichtung-Seite

Wählen Sie hier, ob Sie die Seiteninhalte links-, zentriert oder rechtsbündig angezeigt haben möchten.

Hinweis:
Diese Auswahl wird als allgemeine Einstellung übernommen. Sie können diese für einzele Bereiche ändern mit der entsprechenden Auswahl in "Text-Ausrichtung" in Schriften - Textausgabe
 

Button-Serie auswählen

Um eine neue Button-Serie zu setzen,  klicken Sie auf die Buttons in der virtuellen Homepage.


Es öffnet sich die Button-Übersicht,

klicken Sie auf die gewünschte Button-Serie damit diese eingefügt wird.

Hinweis:
Die gewählten Buttons werden nun für die "Button auf Adresse" resp. "Button auf Funktion" in die Menü-Konfiguration übernommen.
 

Menü-Hintergrundbild

Um ein Bild als Hintergrund für die Menü-Bar zu setzen, klicken Sie dieses Icon unten rechts in der Menü-Bar der virtuellen Homepage.



Es öffnet sich das Panel mit den Hintergrundbilder

Klicken Sie auf das gewünschte Bild damit dieses als Hintergrund übernommen wird.



 

Menü-Hintergrundfarbe

Um eine Hintergrundfarbe für die Menü-Bar zu setzen, klicken Sie dieses Icon unten rechts in der Menü-Bar der virtuellen Homepage.

Es öffnet sich die Farbtabelle

Klicken Sie auf die gewünschte Farbe damit diese als Hintergrundfarbe übernommen wird.





 

Seiten-Hintergrundbild

Um ein Bild als Hintergrund für die Seite zu setzen, klicken Sie dieses Icon unten rechts in der Seitenansicht der virtuellen Homepage und verfahren Sie wie bei Menü-Hintergrundbild

Hinweis:
Die Schriftfarbe für diesen Bereich konfigurieren Sie im Style "Titel", "Untertitel" resp. "Texte" in
Schriften - Textausgabe
 

Seiten-Hintergrundfarbe

Um eine Hintergrundfarbe für die Seite zu setzen, klicken Sie dieses Icon unten rechts in der Seitenansicht der virtuellen Homepage und verfahren Sie wie bei Menü-Hintergrundfarbe

Hinweis:
Die Schriftfarbe für diesen Bereich konfigurieren Sie im Style "Titel", "Untertitel" resp. "Texte" in
Schriften - Textausgabe
 

Tabellenkopf-Hintergrundfarbe

Um eine Hintergrundfarbe für den Hintergrund des Tabellenkopfs zu setzen, klicken Sie dieses Icon rechts in der 1. Tabellenzelle der virtuellen Homepage und verfahren Sie wie bei Menü-Hintergrundfarbe

Hinweis:
Die Schriftfarbe für diesen Bereich konfigurieren Sie im Style "Tabellentitel" in Schriften - Textausgabe
Das allgemeine Tabellenlayout konfigurieren Sie im Tabellen - Layout
 

Tabellenzelle-Hintergrundfarbe

Um die Hintergrund der Tabellenzellen zu setzen, klicken Sie dieses Icon rechts in der 2. Tabellenzelle der virtuellen Homepage und verfahren Sie wie bei Menü-Hintergrundfarbe

Hinweis:
Die Schriftfarbe für diesen Bereich konfigurieren Sie im Style "Tabellentexte" in
Schriften-Textausgabe
Das allgemeine Tabellenlayout konfigurieren Sie im Tabellen - Layout
 

Alternative-Hintergrundfarbe

Um eine Alternativfarbe für die Zellenhintergründe zu setzen, klicken Sie dieses Icon rechts in der 3. Tabellenzelle der virtuellen Homepage und verfahren Sie wie bei Menü-Hintergrundfarbe

Hinweis:
Die Schriftfarbe für diesen Bereich konfigurieren Sie im Style "Tabellentexte" in
Schriften-Textausgabe
Das allgemeine Tabellenlayout konfigurieren Sie im Tabellen - Layout
 

Rahmenfarbe

Um die Farbe des Rahmens festzulegen, klicken Sie dieses Icon rechts unter der Tabellenausgabe der virtuellen Homepage und verfahren Sie wie bei Menü-Hintergrundfarbe

Hinweis:
Das allgemeine Tabellenlayout konfigurieren Sie im Tabellen - Layout

 

Symbol auswählen

Für die Funktionen der Artikelausgabe benötigen Sie diese Symbole.

Klicken Sie auf ein Symbol und es öffnet sich ein Panel mit den Symbolbildern, die Ihnen zur Verfügung stehen.

Markieren Sie die gewünschten Symbole und klicken Sie im oberen Panelbereich auf hier, um die Eingaben zu speichern und dieses Fenster zu schliessen.

Hinweis
In Konfiguration ->Ausgabe-Elementen aktivieren Sie für die Artikellisten und die Artikelkarte das Neu- und Aktionen-Icon.

Die hier angezeigte Beispieleingabe entspricht unserem DEMO-Shop
 

Menuebreite

Bestimmen Sie via Auswahl im Pulldown-Menü, wie breit Ihr Menübereich sein soll.

Hinweis:
Die Menü-Elemente stellen Sie in der Menü-Konfiguration zusammen.


 

Seitenrand

Bestimmen Sie via Auswahl im Pulldown-Menü, wie breit der Abstand zwischen Menü- und Seitenbereich sein soll.





 

Seitenbreite

Bestimmen Sie via Auswahl im Pulldown-Menü, wie breit Ihr Seitenbereich sein soll.






 

Bestellungsnavigation

Hier kann die Navigation für die Bestellroutine definiert werden. Sie haben diverse Möglichkeiten:

Beispiel
Bestellnavigation mit Textlinks



Beispiel
Bestellnavigation mit Buttons und in Tabelle



Den Text der Buttons resp. der Links editieren Sie auf den einzelnen Ausgabeseiten:
Warenkorb
Personalien
Zahlungsmittel
Zusammenfassung

Verwandte Themen

Menü-Konfiguration
Layout-Vorlagen
Schriften-Textausgabe
Farbtabelle
Hintergrundbilder
Tabellen-Layout
Ausgabe-Elemente
Allgemeine Bilder