
Hallo zusammen,
kleiner Tipp am Rande zum Thema Formatierungen!
Viele kennen die Möglichkeiten von CSS (Cascading Style Sheets) nicht. :'(
Diese nutzt POWERGAP ja schon lange für die einzelnen Formatierungen der Fonts innerhalb des Shops. Über Layout/Schriften/CSS können Sie aber noch viel mehr! Hier einige Tipps, wie Sie Teile Ihres Shops grafisch aufwerten können!
Linien im Shop
Linien, die z.B. zur Abgrenzung bei den Suchergebnissen genutzt werden, können mit einem CSS-Befehl einfach formatiert werden. Im Standard sehen diese ja immer grau und ziemlich flach aus, mit der folgenden Zeile in Ihrem CSS
Separate Schriften für Artikelmodule (aus Beitrag vom 10.04.03!)
Über Layout/SchriftenCSS können Sie die Schriften für das Artikelanzeigemodul und das Suchergebnismodul einzeln als CSS-Style definieren! Siehe Beispiel:
http://www.testinstallation.de/s03.php?shopid=s03&cur=eur&sp=de&ag=1&os=1&br=1&pp=sucheaug&aug=9&augn=Komödie
Für diese Formatierung mussten die folgenden 2 Zeilen bei Layout/Schriften/CSS eingefügt werden:
x2 deswegen, weil der Artikelname das Artikelstammfeld Nummer 2 ist! Mit y2 würde man das Wort "Artikelname" selbst formatieren können.
Welche Nummer ein Stammfeld hat sehen Sie z.B. links bei Layout/Suchergebnis/Suchergebnismodul !
Listaufzählungen
Die schwarzen gewühnlichen Punkte z.B. bei den Aufzählungen der Features im Artikeldetail sind auch änderbar!
Eigenen individuelle Formatierungen
über Layout/Schriften/CSS bleibt es Ihnen auch frei eigene Formatierungen einzustellen! z.B.:
Um dies z.B. in eigenen HTML-Bannern oder in den Texten der Artikel zu verwenden, müssen Sie dann nur noch den folgenden Quelltext nutzen:
Wer es da ganz genau haben möchte, für den gibt es über die Suchmaschinen bestimmt viele Links im Netz, die noch mehr nützliche Tipps bereit halten! Ein Beispiel finden Sie unter: http://www.drweb.de/ressourcen/css_befehle.shtml
kleiner Tipp am Rande zum Thema Formatierungen!
Viele kennen die Möglichkeiten von CSS (Cascading Style Sheets) nicht. :'(
Diese nutzt POWERGAP ja schon lange für die einzelnen Formatierungen der Fonts innerhalb des Shops. Über Layout/Schriften/CSS können Sie aber noch viel mehr! Hier einige Tipps, wie Sie Teile Ihres Shops grafisch aufwerten können!
Linien im Shop
Linien, die z.B. zur Abgrenzung bei den Suchergebnissen genutzt werden, können mit einem CSS-Befehl einfach formatiert werden. Im Standard sehen diese ja immer grau und ziemlich flach aus, mit der folgenden Zeile in Ihrem CSS
HR {color: #BAD1FC; height=1;}
können Sie allen Linien eine andere Farbe und eine individuelle Dicke mitgeben!Separate Schriften für Artikelmodule (aus Beitrag vom 10.04.03!)
Über Layout/SchriftenCSS können Sie die Schriften für das Artikelanzeigemodul und das Suchergebnismodul einzeln als CSS-Style definieren! Siehe Beispiel:
http://www.testinstallation.de/s03.php?shopid=s03&cur=eur&sp=de&ag=1&os=1&br=1&pp=sucheaug&aug=9&augn=Komödie
Für diese Formatierung mussten die folgenden 2 Zeilen bei Layout/Schriften/CSS eingefügt werden:
.x2 {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: #000000; text-decoration:none;font-weight:bold;}
.x4 {font-family: Verdana, Arial, Helvetica; font-size: 12px; color: #CC0000; text-decoration:none;font-weight:bold;}
.x4 {font-family: Verdana, Arial, Helvetica; font-size: 12px; color: #CC0000; text-decoration:none;font-weight:bold;}
x2 deswegen, weil der Artikelname das Artikelstammfeld Nummer 2 ist! Mit y2 würde man das Wort "Artikelname" selbst formatieren können.
Welche Nummer ein Stammfeld hat sehen Sie z.B. links bei Layout/Suchergebnis/Suchergebnismodul !
Listaufzählungen
Die schwarzen gewühnlichen Punkte z.B. bei den Aufzählungen der Features im Artikeldetail sind auch änderbar!
- Eintrag 1
- Eintrag 2
- Eintrag 3
LI {list-style-type: square; color: #CC0000;}
machen Sie aus den Punkten eckige Symbole in roter Farbe!Eigenen individuelle Formatierungen
über Layout/Schriften/CSS bleibt es Ihnen auch frei eigene Formatierungen einzustellen! z.B.:
.mycss1 {font-family: Arial; font-size: 24px; color: #FF0000; text-decoration:underline;}
Würde also eine 24 Pixel hohe Schriftart in Arial, unterstrichen und knallrot ergeben!Um dies z.B. in eigenen HTML-Bannern oder in den Texten der Artikel zu verwenden, müssen Sie dann nur noch den folgenden Quelltext nutzen:
<span class='mycss1'>Ihr zu formatierender Text!</span>
So braucht man also eine kompliziertere Formatierung nicht immer wieder neu erstellen!Wer es da ganz genau haben möchte, für den gibt es über die Suchmaschinen bestimmt viele Links im Netz, die noch mehr nützliche Tipps bereit halten! Ein Beispiel finden Sie unter: http://www.drweb.de/ressourcen/css_befehle.shtml