Template-Anpassung - Einkaufswagen wird nicht angezeigt / Hintergrundbild einfügen

[gisli03]

Guten Morgen!

Ich möchte mir gerne ein Template anpassen und habe dazu „viennaorange“ als Basis genommen. Ich habe alle Dateien von „viennaorange“ kopiert und auf den neuen Templatenamen umbenannt.
Wenn ich jetzt den Shop auf das „neue“ Template umstelle, funktioniert alles bis auf die Anzeige des Einkaufswagens oben rechts im Header. Der Link ist da, aber die Grafik wird nicht angezeigt ?!
Was habe ich falsch gemacht? Die Grafik liegt im richtigen Verzeichnis: /images/cart-header-empty.png

Ausserdem würde ich gerne ein Hintergrundbild einfügen. Das soll im Prinzip anstelle der beiden grauen Flächen links und rechts vom Shop erscheinen: das Bild soll den ganzen Bildschirm ausfüllen, der Shop liegt darüber und links und rechts wird - je nach Bildschirmgrösse – mehr oder weniger vom Hintergrundbild angezeigt.
Wie kann ich das Umsetzen?

Vielen Dank schon mal!

[Blubberblaster]

Template-Anpassung

Hallo, schau mal im Quelltext ob die Pfadangabe des Bildes stimmt.

[gisli03]

Müsste eigentlich stimmen, werde ich heute mittag aber sicherheitshalber nochmal prüfen.

Hat jemand eine Idee für mein Hintergrundbild?

[gisli03]

Die Pfadangabe ist korrekt.
Hab jetzt mal versucht das Bild direkt aufzurufen.
Unter shop/includes/templates/viennaorange/images/cart-header-empty.png wird die Datei angezeigt.

Geb ich jedoch die Adresse mit meinem neuen Template ein, erscheint die Meldung "Die Grafik shop/includes/templates/xmas/images/cart-header-empty.png kann nicht angezeigt werden, weil sie Fehler enthält."

Ich hatte einfach nur das Template viennaorange kopiert und auf xmas umbenannt. Warum enthält dann die png-Datei plötzlich Fehler?

[Hawcha]

Öffne die Grafik mit einem Bildbearbeitungsprogramm Deiner Wahl und speichere die Datei neu ab.
Lade danach die Datei nochmal auf den Webserver hoch.

[gisli03]

Ok, habe versucht die Datei cart-header.png zu öffnen - erhalte dann aber die Fehlermeldung "Kann cart-header.pnp nicht laden. Versuchen Sie die Datei mit einem bestimmten Filter zu laden."

Nachdem also der Tipp öffnen, neu speichern und hochladen scheitert, war mein nächster Versuch die original pnp-Datei aus der Installationsordner vom Zen Cart 1.5.3 nochmal hochzuladen ... funktioniert aber auch nicht. Ich werde noch wahnsinnig
Woran liegt das nur? Warum kann er die Datei im Template viennaorange anzeigen, aber in meiner Kopie nicht?

[webchills]

Ohne zu wissen, welche Programme Du für die Bildbearbeitung und für den FTP Transfer verwendest, ist es schwer was dazu zu sagen.
Es klingt aber sehr danach, dass in Deinem FTP Programm eingestellt ist, dass alles im ASCII Mode übertragen wird. Das ist aber für Bilder fatal, weil die dadurch zerstört werden. Bilder immer im Binary Modus hochladen bzw. das FTP Programm auf automatisch stellen, dann werden .png und andere Bilder immer im Binary Modus übertragen.

[gisli03]

Ja, im FTP-Programm (filezilla) war tatsächlich ASCII als Übertragung eingestellt. Geändert auf automatisch, neu hochgeladen und es funktioniert. Vielen lieben Dank !!!

Vielleicht noch einen Tipp für die Idee mit dem Hintergrundbild? Ist das grundsätzlich machbar?

[webchills]

Vielleicht noch einen Tipp für die Idee mit dem Hintergrundbild? Ist das grundsätzlich machbar?

Natürlich ist das machbar, es hat mit Zen Cart nicht wirklich was zu tun:

http://lmgtfy.com/?q=css+hintergrundbild

[Hawcha]

Guten Morgen!

Ich möchte mir gerne ein Template anpassen und habe dazu „viennaorange“ als Basis genommen. Ich habe alle Dateien von „viennaorange“ kopiert und auf den neuen Templatenamen umbenannt.
Wenn ich jetzt den Shop auf das „neue“ Template umstelle, funktioniert alles bis auf die Anzeige des Einkaufswagens oben rechts im Header. Der Link ist da, aber die Grafik wird nicht angezeigt ?!
Was habe ich falsch gemacht? Die Grafik liegt im richtigen Verzeichnis: /images/cart-header-empty.png

Ausserdem würde ich gerne ein Hintergrundbild einfügen. Das soll im Prinzip anstelle der beiden grauen Flächen links und rechts vom Shop erscheinen: das Bild soll den ganzen Bildschirm ausfüllen, der Shop liegt darüber und links und rechts wird - je nach Bildschirmgrösse – mehr oder weniger vom Hintergrundbild angezeigt.
Wie kann ich das Umsetzen?

Vielen Dank schon mal!

Umsetzen kannst Du das mit den CSS Dateien. Dort sind alle Regeln, die zur Anzeige des Templates dienen, festgelegt.
Das Hintergrundbild legst Du beispielsweise in der Datei: "stylesheet.css" deines Templateordners fest.
Dazu musst Du folgende CSS-Regel eintragen:

body {
background-image: url(Pfad zu dem Bild.jpg);

}

Weitere Informationen dazu findest Du dann hier:http://www.css4you.de/background-image.html

Beachte unbedingt auch die Info´s hier. Die Datei muss wieder im UTF8 Format abgespeichert werden!