Wie könnte man am besten vorgehen, um das Zen Cart mitgelieferte "responsive" Template anzupassen? Ich würde vor allem die Farben ändern wollen und vermutlich einige Maße für gewisse Begrenzungen, wohl auch einige Bilder / Logos einfügen.
Ankündigung
Einklappen
Keine Ankündigung bisher.
Wie vorgehen um Zen Carts mitgeliefertes Template anzupassen?
Einklappen
X
-
Ah ja, vielen Dank, das kling ja gar nicht so umständlich, dachte, ich müßte da an mehreren, gar vielen Dateien werkeln.
Da ich also diese Vorlage, responsive_classic, ändern will , bzw. es versuchen will, müßte es bei mir diese Datei sein:
\includes\templates\responsive_classic\css\stylesh eet.css
In diesem Ordner - \includes\templates\responsive_classic\css\ - sind ja noch 18 weitere css-Dateien, aber die kann ich dann wohl also unbeachtet lassen, nehme ich an.
Nachdem ich diese css-Dateie bearbeitet habe, sollte ich sie wohl vor Überschreibungen schützen, etwa bei Aktualisierungen, bzw. eine Kopie davon machen, schätze ich. Oder wie sonst sollte man das am besten handhaben?
Ich glaube, die Werte, dich ich ändern muß / anpassen will, findet man am besten mit Firebug, oder?
Kommentar
-
Ganz so einfach, wie du dir das vorstellst, wird es nicht werden. Ein responsives Template besteht in der regel aus mehreren Darstellungsvarianten für die unterschiedlichen Bildschirmgrößen und Medien auf denen du den Shop anzeigen lassen musst.
Du musst, wenn du die Farben verändern willst auf jeden Fall die stylesheet_colors.css ändern. Du wirst aber sicherlich nicht um die anderen Dateien herumkommen, wenn du an den Positionierungen arbeiten möchtest. Bearbeitest du ein Element, dann solltest du dieses auch gleich auf allen anderen Medien und Bildschirmgrößen testen und entsprechend anpassen.
Mit Firebug und dem Developer Toolkit im Admin wirst du auf jeden Fall der Dateien fündig.
Kommentar
-
Vielen Dank amatoris,
ah ja, hatte verstanden, einzig die stylesheet.css ändern zu müssen, stylesheet_colors.css also auch noch. Und also andere Dateien auch noch, wenn es um die Änderung von Positionen von Elementen und von Begrenzungen geht.
Mit Firebug und dem Developer Toolkit im Admin wirst du auf jeden Fall der Dateien fündig.
In Firebug muß ich nach dem gewünschten Element suchen, etwa einer Farbe, und das gefundene Element dann in einem Editor in der css-Datei ändern? Glaube, mit Firefug kann man in einer css- oder sonstigen Datei nichts ändern.
Kommentar
-
Was bringt denn das "Developer Toolkit" für Vorteile, bzw. wofür sollte ich Firebug am besten verwenden, wofür das Developer Toolkit?
In Firebug muß ich nach dem gewünschten Element suchen, etwa einer Farbe, und das gefundene Element dann in einem Editor in der css-Datei ändern? Glaube, mit Firefug kann man in einer css- oder sonstigen Datei nichts ändern.
Die Daten kannst du dann mit dem Developer Toolkt im Verzeichnis suchen, damit du die entsprechenden Dateien dazu findest.
Die Dateien änderst du dann im Editor, z.B. Notepad++.
Dazu lies bitte auch die Installationsanleitung.
Kommentar
-
Das sind schon einige Dateien mehr.Ich stricke zwar das ganze Template um, aber nur mal so zur Info die Dateien, an denen ich arbeite.
Mit Firebug suchst du dir die Elemente und Befehle im html.Die Daten kannst du dann mit dem Developer Toolkt im Verzeichnis suchen, damit du die entsprechenden Dateien dazu findest.Die Dateien änderst du dann im Editor, z.B. Notepad++.Dazu lies bitte auch die Installationsanleitung.Zuletzt geändert von dirkkii; 23.11.2016, 21:07.
Kommentar
-
Danke für das Foto.
Dann gehören diese Elemente wohl zu den gerade zu sehenden Farben, aber wenn ich über so ein div rechts mit dem Zeiger fahre, werden die braunen und blauen Farben nicht angezeigt, die erscheinen nur, wenn ich mit dem Zeiger im Browserbereich bin, die werden wohl woanders in der css-Datei zu finden sein:
Grün hingegen ist einfach zu finden.
Kommentar
Kommentar