Wie ein Zen-Cart-Template anpassen
Zen Cart ist open-Source-Software, die jeder frei verwenden kann, um e-Commerce-Einkaufswagen für den Verkauf von Sachanlagen und digitale waren online zu betreiben. Ab Juli 2011 und Zen-Cart Version 1.3.9h (Ressource Link #1) gibt es keine Vorlage überschreibt im administrativen Control Panel. Sie müssen den Code von PHP oder CSS-Dateien zum Ausführen alle tatsächlicher Änderungen an das Erscheinungsbild der Vorlage ändern.
Anweisungen
Bilder zu ersetzen
1 Ersetzen Sie das Logobild. Das Logo und andere Vorlagen Bilder befinden sich im Ordner "Images" mit den folgenden Pfad: /includes/templates/classic/images
Verwenden Sie zum Ändern des alternativen Text, Größe oder Image-namens verbunden mit dem neuen Logo einen Quellcode-Editor zum Öffnen der header.php Datei befindet sich in den folgenden Pfad: includes/languages/english/header.php
Nehmen Sie Änderungen des Codes auf Linien 21 bis 25, zwischen dem zweiten Satz von Apostrophen, gewünschte Änderungen vor. Verlassen Sie Leerzeichen zwischen den Informationen und Apostrophe nicht.
2 Hochladen Sie ein neues Bild auf den Server über die gleichen Abmessungen und mit dem gleichen Namen überschreiben die aktuellen Header-Bild. Die Header-Bildgröße beträgt 760 Pixel breit und 110 Pixel hoch, und der Name ist: header_bg.jpg.
3 Hochzuladen Sie neues Bild mit dem Namen tile_back.gif überschreiben die vorhandene Bar Titelbild auf dem Server. Die horizontale Titelleisten gesehen am Zen Cart-Standardvorlage sind nur 11 x 30 Pixel hoch und sind nach Bedarf zu konstruieren, was wie eine längliche Röhre erscheint wiederholt. Erstellen Sie ein ähnliches Bild in Grafik-Design-Software einer gewünschten Farbe, mit oder ohne die dimensionale Höhepunkt und Schattierung.
Ändern von Farben und Rahmen
4 Stylesheet.css in ein Quellcode-Editor befindet sich im original-Dateiset, anhand dieser Dateipfad öffnen: /includes/templates/classic/css/stylesheet.css
5 Ändern Sie die Hintergrundfarben. Zen Cart "klassische" Vorlage hat einen blassen blauen Hintergrund. Suchen Sie im Code-Editor Linie 16: Hintergrundfarbe: #e5edf5;
Die Zeichen "#e5edf5" zeigen eine bestimmte Farbe blau im HTML hexadezimalen Code Farbsystem. (Ref. 3) Ändern Sie den Code für einen weißen Hintergrund #ffffff oder für den schwarzen Einsatz #000000. Falls gewünscht, geben Sie den Code für eine beliebige andere Farbe.
6 Ändern Sie den Hauptteil-Wrapper. Den Code finden Sie auf der Linie 186: Border: 1px solid #9a9a9a; Steuern Sie die schmalen vertikalen grauen Linien an der Grenze zu den linken und rechten Seite des Zen Cart.
Customizing-Möglichkeiten gehören: Ändern Sie den HTML-Farbcode in eine bevorzugte Farbe. Stellen Sie den breiteren Rand durch eine Erhöhung der Pixelgröße. Wenn kein Rahmen bevorzugt wird, entfernen Sie diese Codezeile vollständig oder machen Sie es unsichtbar, so dass Sie zu einem späteren Zeitpunkt verwendet werden kann. Verwenden Sie um die Befehlszeile für die Software unsichtbar machen, mit einem "/" (Schrägstrich, Sternchen) am Anfang der Zeile und "/" (Sternchen, Schrägstrich) am Ende der Zeile.
7 Ändern Sie Inhaltscontainer Grenzen. Linie 553: border: 1px solid #9a9a9a; steuert die linken und rechten Rahmen des LeftBoxContainer und RightBoxContainer. Die grüne untere Rahmenlinie Auswahlteam Linie 554: Border-Bottom: 5px solid #336633;
8 Hochladen Sie stylesheet.css auf den Server. Verwenden Sie den gleichen Dateipfad wie in der Datei legen Sie auf die richtige Position zu finden, um die vorhandenen CSS-Datei zu überschreiben.