SHOP ADMINISTRATION

Layout Management

Hintergrund |  Abstände |  Layout Stil |  Seitenteile |  Infobox |  Titel-Balken |  CSS-Button |  Schriften |  Tabellen |  Bestellablauf |  nach unten

In dieser Maske können Sie das Aussehen ihres Shops einstellen. Mit den Eingabefeldern R, G und B  definieren Sie die Farbe nach dem Muster Rot, Grün, Blau. Sie können in jedes der Farbfelder einen Wert zwischen 0 und 255 eingeben (z.B. weiss: R:255 G:255 B:255; schwarz: R:0 G:0 B:0) oder Hex-Werte x00 bis xFF. Sie können auch den Color Selector benutzen: Farbwähler.

Sie haben fünf Eingabefelder für das Fontset zur Verfügung. Geben Sie in dem Feld " 1. Priorität" die Schriftart ein, die als erste Priorität zur Anzeige des Shops verwendet werden soll. "2. Priorität" ist die Schriftart, die verwendet wird, wenn der Shopkunde die unter "1. Priorität" eingetragene Schriftart auf seinem Computer nicht installiert hat. Und so weiter bis zur 5. Priorität.

Aussehen des Hintergrunds um den Shop   ^ ^   speichern
Hintergrundfarbe:
Farbwähler   R: G: B: 
Höhe der umschliessenden Tabelle
Breite der umschliessenden Tabelle
Hintergrundbild:   
Einstellungen des Rahmens um den Shop   ^ ^   speichern

Rahmen | Einstellungen
Oben Rahmendicke:   Rahmenfarbe:
Farbwähler   R: G: B: 
  Rahmenstyle:
Links Rahmendicke:   Rahmenfarbe:
Farbwähler   R: G: B: 
  Rahmenstyle:
Rechts Rahmendicke:   Rahmenfarbe:
Farbwähler   R: G: B: 
  Rahmenstyle:
Unten Rahmendicke:   Rahmenfarbe:
Farbwähler   R: G: B: 
  Rahmenstyle:

Abstände   ^ ^   speichern
a) Hauptnavigation Page-Teil: Abstand vom linken Shop-Rand bis zum Beginn des Inhalts:   
b) Hauptnavigation Page-Teil: Abstand vom rechten Shop-Rand:
c) Linker Page-Teil: Abstand vom linken Shop-Rand bis zum Beginn des Inhalts:
d) Content Page-Teil: Abstand vom rechten Ende des linken Page-Teils bis zum Content Page-Teil:
e) Content Page-Teil: Abstand links vom Beginn des Content Page-Teils bis zum Beginn des Inhalts:
f) Content Page-Teil: Abstand vom rechten Shop-Rand:
Layout Stil   ^ ^   speichern
Fullscreen
Fullscreen_Layout 		Links ausgerichtet
Links_Layout 		Rechts ausgerichtet
Right_Layout 		Oben ausgerichtet
Top_Layout
Unten ausgerichtet
Bottom_Layout 		Zentriert
Zentriert_Layout 		Vertikal volle Höhe
Horizontal_zentriert_Layout 		Horizontal volle Breite
Vertikal_zentriert_Layout
Fixes Layout
Fixes_Layout
Fixeinstellungen:
Abstand links
Abstand oben

Ausrichtung horizontal
Ausrichtung vertikal  
Einstellungen der Seitenteile   ^ ^   speichern

| Breite des Shops |_
   
      Höhe des Shops

 _

Einstellungen Kategoriendarstellung

Hintergrundfarbe:
Farbwähler   R: G: B: 
Hintergrundbild:
Breite Kategorien:  (ohne Angabe von px)
Eingabefelder
Rahmenfarbe:
Farbwähler   R: G: B: 
Eingabefelder
Schriftfarbe:
Farbwähler   R: G: B: 

Einstellungen Content Page-Teil (Inhalt)

Hintergrundfarbe:
Farbwähler   R: G: B: 
Hintergrundbild:   
Bildposition: Horizontal:    Vertikal:
Eingabefelder
Rahmenfarbe:
Farbwähler   R: G: B: 
Eingabefelder
Schriftfarbe:
Farbwähler   R: G: B: 
Infobox Einstellung   ^ ^   speichern
Titel

Inhalt
Button

Einstellungen Infobox Titel

Hintergrundfarbe:
Farbwähler   R: G: B: 
Hintergrundbild:

Einstellungen Infobox Inhalt

Hintergrundfarbe:
Farbwähler   R: G: B: 
Hintergrundbild:
Rahmen | Einstellungen
Oben Rahmendicke:   Rahmenfarbe:
Farbwähler   R: G: B: 
  Rahmenstyle:
Links Rahmendicke:   Rahmenfarbe:
Farbwähler   R: G: B: 
  Rahmenstyle:
Rechts Rahmendicke:   Rahmenfarbe:
Farbwähler   R: G: B: 
  Rahmenstyle:
Unten Rahmendicke:   Rahmenfarbe:
Farbwähler   R: G: B: 
  Rahmenstyle:

Einstellungen Infobox CSS-Buttons

Hintergrundfarbe:
Farbwähler   R: G: B: 
Hintergrundbild:
Rahmen | Einstellungen
Oben Rahmendicke:   Rahmenfarbe:
Farbwähler   R: G: B: 
  Rahmenstyle:
Links Rahmendicke:   Rahmenfarbe:
Farbwähler   R: G: B: 
  Rahmenstyle:
Rechts Rahmendicke:   Rahmenfarbe:
Farbwähler   R: G: B: 
  Rahmenstyle:
Unten Rahmendicke:   Rahmenfarbe:
Farbwähler   R: G: B: 
  Rahmenstyle:
Content Titel-Balken Darstellung   ^ ^   speichern
Hintergrund
Hintergrundfarbe:
Farbwähler   R: G: B: 
Hintergrundbild:
Rahmen | Einstellungen
Oben Rahmendicke:   Rahmenfarbe:
Farbwähler   R: G: B: 
  Rahmenstyle:
Links Rahmendicke:   Rahmenfarbe:
Farbwähler   R: G: B: 
  Rahmenstyle:
Rechts Rahmendicke:   Rahmenfarbe:
Farbwähler   R: G: B: 
  Rahmenstyle:
Unten Rahmendicke:   Rahmenfarbe:
Farbwähler   R: G: B: 
  Rahmenstyle:

Speichern Abbrechen Hilfe

Content CSS-Button   ^ ^   speichern

Button Darstellung:

Hintergrundfarbe:
Farbwähler   R: G: B: 
Hintergrundbild:
Rahmen | Einstellungen
Oben Rahmendicke:   Rahmenfarbe:
Farbwähler   R: G: B: 
  Rahmenstyle:
Links Rahmendicke:   Rahmenfarbe:
Farbwähler   R: G: B: 
  Rahmenstyle:
Rechts Rahmendicke:   Rahmenfarbe:
Farbwähler   R: G: B: 
  Rahmenstyle:
Unten Rahmendicke:   Rahmenfarbe:
Farbwähler   R: G: B: 
  Rahmenstyle:
Padding | Einstellungen
Oben Abstand zum Rand:
Links Abstand zum Rand:
Rechts Abstand zum Rand:
Unten Abstand zum Rand:

Button Schrift:
Schriftfarbe:
Farbwähler   R: G: B: 
Schriftgewicht:
Schriftgrösse:
Text Dekoration:
Schriftstil:

         Beispielbutton: (Aktualisierung nach Speichern der Einstellungen)

        
Schriften Einstellungen (Fontset)   ^ ^   speichern
1. Priorität 
2. Priorität: 
3. Priorität: 
4. Priorität: 
5. Priorität: 
Hauptnavigation Schrifteinstellungen   ^ ^   speichern

Shoptitel:
Schriftfarbe:
Farbwähler   R: G: B: 
Schriftgewicht:
Schriftgrösse:
Text Dekoration:
Schriftstil:

      

Admin-Stern(*):
Schriftfarbe:
Farbwähler   R: G: B: 
Schriftgewicht:
Schriftgrösse:
Text Dekoration:
Schriftstil:
Linker Fensterteil (Boxen, Kategoriendarstellung) Schrifteinstellungen   ^ ^   speichern

Text / Links (z.B. Kategorien):
Schriftfarbe:
Farbwähler   R: G: B: 
Schriftgewicht:
Schriftgrösse:
Text Dekoration:
Schriftstil:

      

Hover -> Kategorien und Unterkategorien:
Schriftfarbe:
Farbwähler   R: G: B: 
Schriftgewicht:
Schriftgrösse:
Text Dekoration:
Schriftstil:
 

Kategorienüberschrift:
Schriftfarbe:
Farbwähler   R: G: B: 
Schriftgewicht:
Schriftgrösse:
Text Dekoration:
Schriftstil:

  

Aktiv -> Kategorien und Unterkategorien:
Schriftfarbe:
Farbwähler   R: G: B: 
Schriftgewicht:
Schriftgrösse:
Text Dekoration:
Schriftstil:
 

Infobox Titel:
Schriftfarbe:
Farbwähler   R: G: B: 
Schriftgewicht:
Schriftgrösse:
Text Dekoration:
Schriftstil:

    
Inhalt (Haupt-Fensterteil, mitte-rechts) Schrifteinstellungen   ^ ^   speichern

Normaler Text:
Schriftfarbe:
Farbwähler   R: G: B: 
Schriftgewicht:
Schriftgrösse:
Text Dekoration:
Schriftstil:

      

Links:
Schriftfarbe:
  R: G: B: 
Schriftgewicht:
Schriftgrösse:
Text Dekoration:
Schriftstil:
 

Überschrift 1 (grösste / Content Titel-Balken):
Schriftfarbe:
Farbwähler   R: G: B: 
Schriftgewicht:
Schriftgrösse:
Text Dekoration:
Schriftstil:

      

Überschrift 2:
Schriftfarbe:
Farbwähler   R: G: B: 
Schriftgewicht:
Schriftgrösse:
Text Dekoration:
Schriftstil:
 

Überschrift 3:
Schriftfarbe:
Farbwähler   R: G: B: 
Schriftgewicht:
Schriftgrösse:
Text Dekoration:
Schriftstil:

      

Überschrift 4:
Schriftfarbe:
Farbwähler   R: G: B: 
Schriftgewicht:
Schriftgrösse:
Text Dekoration:
Schriftstil:
 

Überschrift 5 (kleinste):
Schriftfarbe:
Farbwähler   R: G: B: 
Schriftgewicht:
Schriftgrösse:
Text Dekoration:
Schriftstil:

      

Fehler Text:
Schriftfarbe:
Farbwähler   R: G: B: 
Schriftgewicht:
Schriftgrösse:
Text Dekoration:
Schriftstil:
Footer Schrift   ^ ^   speichern

Text Footer:
Schriftfarbe:
  R: G: B: 
Schriftgewicht:
Schriftgrösse:
Text Dekoration:
Schriftstil:

        
Übersichtstabellen (wie z.B. Warenkorb)   ^ ^   speichern

Titelzeile:
Schriftfarbe:
Farbwähler   R: G: B: 
Hintergrundfarbe:
Farbwähler   R: G: B: 
Schriftgewicht:
Schriftgrösse:
Text Dekoration:
Schriftstil:

      

Informationszeilen:
Schriftfarbe:
Farbwähler   R: G: B: 
Hintergrundfarbe:
Farbwähler   R: G: B: 
Schriftgewicht:
Schriftgrösse:
Text Dekoration:
Schriftstil:
 

Ungerade Zeilen:
Schriftfarbe:
Farbwähler   R: G: B: 
Hintergrundfarbe:
Farbwähler   R: G: B: 
Schriftgewicht:
Schriftgrösse:
Text Dekoration:
Schriftstil:

      

Gerade Zeilen:
Schriftfarbe:
Farbwähler   R: G: B: 
Hintergrundfarbe:
Farbwähler   R: G: B: 
Schriftgewicht:
Schriftgrösse:
Text Dekoration:
Schriftstil:
 

Total Zeile:
Schriftfarbe:
Farbwähler   R: G: B: 
Hintergrundfarbe:
Farbwähler   R: G: B: 
Schriftgewicht:
Schriftgrösse:
Text Dekoration:
Schriftstil:

    
Bestellablauf Darstellung   ^ ^   speichern

Titelzeile:
Schriftfarbe:
Farbwähler   R: G: B: 
Schriftgewicht:
Schriftgrösse:
Text Dekoration:
Schriftstil:

  

Bemerkungszeile:
Schriftfarbe:
Farbwähler   R: G: B: 
Schriftgewicht:
Schriftgrösse:
Text Dekoration:
Schriftstil:
  

erledigte Schritte:
Hintergrundfarbe:
Farbwähler   R: G: B: 

erledigte Schritte:
Hintergrundfarbe:
Farbwähler   R: G: B: 

  

Schritt in Bearbeitung:
Hintergrundfarbe:
Farbwähler   R: G: B: 

Schritt in Bearbeitung:
Hintergrundfarbe:
Farbwähler   R: G: B: 

  

nachfolgende Schritte:
Hintergrundfarbe:
Farbwähler   R: G: B: 

nachfolgende Schritte:
Hintergrundfarbe:
Farbwähler   R: G: B: 

 
Rahmenfarbe:
Farbwähler   R: G: B: 
  Rahmendicke:
  
Hintergrund |  Abstände |  Layout Stil |  Seitenteile |  Infobox |  Titel-Balken |  CSS-Button |  Schriften |  Tabellen |  Bestellablauf |  nach oben

Speichern Abbrechen Hilfe