/ Shopsoftware / Support / Administration / Kontrollzentrum / Schriften & CSS

Schriften&CSS - Expertenmodus (Was ist wo)

Im Expertenmodus haben Sie vollen Zugriff auf alle CSS-Formate, die standardmäßig in Ihrem Shopsystem oder CMS verwendet werden.

Die Hilfe ist in zwei Bereiche geteilt.
Der erste Teil bietet grundsätzliche Informationen zur Handhabung der Eingabemaske.
Hier im zweiten Teil wird erklärt, welche Definition wo verwendet wird.

• *.tabelle1, gekennzeichnet mit einer roten durchgezogenen Linie, umschließt den gesamten Inhalt.
  Diese enthält drei Zeilen, die zweite Zeile ist in drei Spalten unterteilt.
• *.tabelle2, grüne Strich-Punkt-Linie, wird standardmäßig wie die Kopfzeile verwendet, Template xhead_*.tpl. Je nach dem, wie Sie dieses Template erstellen, wird dieser Selektor verwendet oder nicht.
• Die zweite Zeile der großen Tabelle (*.tabelle1) enthält drei Spalten. Die linke und rechte Spalte werden mit dem Selektor *.tabelle3 gestaltet. Es sind beides keine eigenen Tabellen, sondern nur Tabellenzellen (<td>-Elemente) Der Bereich ist mit einer blauen Strich-Punkt-Linie gekennzeichnet.
  In der Mitte wird *.tabelle4 verwendet, orange Strich-Punkt-Linie. Dies ist ebenfalls nur ein <td>-Element.
  
• *.tabelle5 ist für das Template xfoot_*.tpl vorgesehen. Ähnlich wie bei der Kopfzeile ist sein Nutzen von Ihrem Template abhängig. *.tabelle5 ist im Bildschirmfoto nicht zu sehen.
  
• *.tabelle6 beschreibt eine Tabelle innerhalb der mittleren Zelle. Dieser Bereich enthält den Inhalt und ist als oange Fläche gekennzeichnet.
• *.tabelle7 enthält die Navigationsoptionen innerhalb der äußeren Zellen;  die Navigationsleisten sozusagen. Im Bildschirmfoto ist der Bereich als blaue Fläche gekennzeichnet.

• Der Selektor *.limitTab beschreibt die Tabelle, die Naviagtion zu weiteren Artikelseiten enthält.
• Die aktive Seitenzahl kann mit *.ltactiv gestaltet werden.
• Alle anderen Links werden mit *.ltnotactiv gestaltet

• *.addToCart zur Gestaltung des Buttons In den Warenkorb; z.B.

• Der orange Hintergrund bei 'Warenkorb' stammt aus der Definition der Tabellenzeile  (<tr>-Element) *.thead
• Die fette Schrift wird mit *.theadtxt gestaltet.
• *.cartStyle die Tabelle der Navigationsoption cart, hier mit rotem, durchgezogenem Rahmen markiert.
  
• *.cartContent gestaltet den Inhalt des Warenkorbes, hier mit blauem Hintergrund.

• *.level0, *.level1, *.level2 und *.level3 sind für verschiedene Ebenen in der Kategoriestruktur vorgesehen und werden in den entsprechenden Templates verwendet.
  Siehe auch TeKana Schritt 2, Punkt 5

• *.lightgrey wird zusammen mit dem Selektor *.white für abwechsende Farben in Listen verwendet, z.B. beim Inhalt des Warenkorbes
  
• *.warn wird für Fehlermeldungen z.B. bei der Kundenneuanmeldung verwendet.
  
• *.white, siehe *.lightgrey
  

zurück zur Artikelübersicht | Anfrage stellen | | | Deeplink