Zen Cart ist Open Source Software , dass jeder frei verwenden können , um E-Commerce- Warenkörbe für den Verkauf von Sachanlagen und digitalen Waren online zu betreiben. Ab Juli 2011 Zen Cart Version 1.3.9h (Resource Link # 1 ) gibt es keine Vorlage Überschreibungen in der Administrative Bedienfeld. Sie müssen den Code ändern von PHP oder CSS-Dateien , um alle aktuellen Änderungen an der Vorlage Aussehen führen . Was Sie brauchen
Source Code Editor ( zB: Notepad + + , Purpurrot , etc.)
anzeigen Weitere Anweisungen
Bilder ersetzen
1
Ersetzen Sie die Logo-Bild . Das Logo und andere Vorlage Bilder werden in den Bildern befindet sich Ordner mit dem folgenden Pfad : /includes /templates /classic /images
Um den alternativen Text zu ändern, Größe oder Bildnamen mit dem neuen Logo verbunden , verwenden Sie eine Quellcode-Editor , um die Datei header.php öffnen befindet sich im folgenden Pfad : includes /languages /Englisch /header.php
Nehmen Sie Änderungen an dem Code auf den Linien 21 bis 25 , zwischen dem zweiten Satz der Apostrophe , um die gewünschten Änderungen zu reflektieren. Lassen Sie keine Leerzeichen zwischen den Informationen und Apostrophe .
2
Ein neues Bild hochladen auf den Server mit den gleichen Abmessungen und mit dem gleichen Namen , um die aktuelle header image überschreiben. Der Header Bildgröße ist 760 Pixel breit und 110 Pixel hoch , und der Name ist : . Header_bg.jpg
3
Laden Sie das neue Bild mit dem Namen tile_back.gif die bestehende Titelleiste Bild überschreiben auf dem Server. Die horizontalen Titelleiste auf Zen Cart die Standardvorlage gesehen sind nur 11 Pixel breit und 30 Pixel hoch und werden nach Bedarf wiederholt zu konstruieren , was scheint wie ein längliches Rohr . Erstellen Sie ein ähnliches Bild in Grafik -Design-Software von einer gewünschten Farbe , mit oder ohne die dreidimensionale Highlight und Beschattung.
Farben ändern und Borders
4
öffnen stylesheet.css in ein Quellcode-Editor , in der Original-Datei untergebracht sind , unter folgendem Pfad : /includes /templates /classic /css /stylesheet.css
5
ändern Sie die Hintergrundfarben . Zen Cart die "classic" -Vorlage hat einen hellblauen Hintergrund . In dem Code-Editor Linie 16 : background- color: # e5edf5 ;
Die Zeichen " # e5edf5 " zeigen eine bestimmte Farbe von blau in der HTML hexadezimalen Farbcode -System . ( Ref. 3) Bei einem weißen Hintergrund, ändern Sie den Code # ffffff oder schwarz Einsatz # 000000 . Falls gewünscht , geben Sie den Code für jede andere Farbe .
6
Ändern Sie den Hauptteil Wrapper. Der Code auf der Linie 186 gefunden : border : . 1px solid # 9a9a9a ; steuern die schmale vertikale graue Linien am Rande der linken und rechten Seite des Zen Cart
Customizing Optionen gehören: Ändern Sie den HTML-Farbcode einer bevorzugten Farbe. Als die Grenze breiter durch die Erhöhung der Pixelgröße . Wenn keine Grenze bevorzugt wird, entfernen Sie diese Zeile der Code vollständig oder unsichtbar zu machen , so dass Sie es zu einem späteren Zeitpunkt zu verwenden. Um die Kommandozeile unsichtbar für die Software zu machen , mit einem "/*" ( Schrägstrich , Sternchen) verwenden am Anfang der Zeile und "* /" (Stern , Schrägstrich) am Ende der Zeile.
< Br > 7
ändern Inhaltscontainer Grenzen . Linie 553 : border: 1px solid # 9a9a9a ; steuert die linken und rechten Ränder des leftBoxContainer und rightBoxContainer . Die grüne unteren Rand wird durch Linie 554 gesteuert : border -bottom: 5px solid # 336633 ;
8
hochladen stylesheet.css an den Server. Verwenden Sie den gleichen Pfad wie in der Datei gesetzt, um die richtige Stelle , um die vorhandene Datei zu überschreiben CSS zu finden.
