Sehr geehrte Kunden,
mit dem letzten Update vor dem Wochenende haben wir die Möglichkeit geschaffen die Ausgabe einer Shopseite auf einem Drucker zu optimieren.
Über den Pfad:
erreichen Sie die Pflegemaske für die neue Datei style_p.css.
Diese CSS-Datei kommt nur bei der Ausgabe auf Druckern zum Einsatz. Typisches Problem beim Drucken ist, dass auf einem DIN/A4 Blatt nur der Webseiteninhalt von maximal ca. 600 Pixel Breite korrekt ausgedruckt wird. Hat ein Shop rechts und links die Shopfenster, so wären Ausdrucke z.B. einer Artikeldetailanzeige rechts abgeschnitten.
Details:
Im Quellcode Ihres Shops befinden sich diese 2 Zeilen:
<link REL="stylesheet" href="style.css" type="text/css" media="all">
<link REL="stylesheet" href="style_p.css" type="text/css" media="print">
Der Parameter media="all" bedeutet, dass das CSS für alle Geräte geladen wird. Wen es interessiert, der findet alle Infos dazu auch unter www.w3.org/TR/CSS2/media.html. Wir hatten bisher in der Shopverwaltung den Begriff CSS/ROOT dafür verwendet und nun in "ALL" umbenannt, um zukünftig die einzelnen Media-Typen mit den gängigen Begriffen zu bezeichnen.
In der neuen style_p.css gibt es z.B. diese beiden Formatierungen, welche die Shopfenster nun beim Drucken ausblenden:
.alle_shopfenster_links {display: none;}
.alle_shopfenster_rechts {display: none;}
.alle_shopfenster_rechts {display: none;}
Die neue CSS-Datei ist bereits auf allen Shops so installiert. Wer das Ausblenden von den Shopfenstern auf dem Drucker nicht wünscht, kann diese CSS-Klassen einfach löschen.
Bedenken Sie, dass wenn man z.B. sehr wichtige Informationen wie eine Telefonnummer oder Adresse sonst in einem Shopfenster stehen hat, diese auf dem Ausdruck ja fehlen. Viele Shops haben z.B. die nette Dame mit der Telefonnummer ganz rechts oben im Kopf abgebildet! Da auch der Kopf nicht komplett an den rechten Rand gedruckt wird, fehlt diese Info auf einem Ausdruck.
Ein Besucher druckt sich einen Artikel wohlmöglich, um sich einen überlegten Kauf zu merken, oder den Händler vor Ort zu besuchen. Da macht es z.B. Sinn, dass man ein sonst nicht sichtbares DIV mit Kontaktdaten im Shop platziert, das nur beim Drucken sichtbar wird!
Beispielsweise könnte man über T > Seitentexte > Fußtext ein DIV wie:
<div class="adresse_bei_print" style="position: irgendwo....">
Firma
Adresse
Telefonnummer...
</div>
einstellen, und in der style_p.css:
.adresse_bei_print {display:block;}
schreiben.
Bei Fragen zu diesem Thema stehen wir Ihnen gerne jederzeit zu Verfügung.