An die Entwickler unter euch

[web0null]

An die Entwickler unter euch!

Um im Template js-Dateien, css-Dateien und Dateien mit Funktionen leichter zu Händeln, habe ich es so eingerichtet damit diese automatisch eingebunden werden.
Man braucht die Dateien einfach nur in die vorgesehen Ordner zu kopieren, das war’s.
Sie werden automatisch eingebunden ohne sie noch irgendwo in den Template-Dateien einbinden zu müssen (damit sie auch geladen werden).

Ein Beispiel:

Wenn man z. B. die Datei „jquery-1.7.1.min.js“ eingebunden hat, und ein Update auf „jquery-1.7.2.min.js“  herausgekommen ist, musste man bisher immer auch die „general.js.php“  bearbeiten. (das nervte mich )

Jetzt braucht man die Datei einfach nur auszutauschen, …das war’s.

Man kann somit einfach neue Bibliotheken hinzufügen, entfernen, updaten, oder Testen ohne eine andere Datei bearbeiten zu müssen um sie einzubinden.

Gleiches gilt auch für css-Dateien oder Dateien mit Funktionen (im Ordner “xtc5\source\inc“).
Vorteil neben dem einfachen einbinden, man kann die Dateien schön übersichtlich Trennen, und somit auch einfach wieder Löschen (beim Experimentieren). Ohne sich Gedanken zu machen, wo sie eingebunden werden.

Es stehen zwei Ordner zu Verfügung.

• einer heißt „default“, alles was da drinnen ist wird immer geladen
• der zweite heißt „notdefault“, alles was da drinnen ist, kann wie bisher individuell geladen werden

(Wichtig: Die Dateien im Ordner „default“ werden in alphabetischer Reihenfolge eingebunden) z. B.

• stylesheet.css
• thickbox.css
• z_meineCss.css

Dann habe ich auch noch die Übersicht besser gestaltet.

• alle css-Dateien in einem Ordner (es war zwar nur die „stylesheet.css“ wo anders, störte mich aber auch)
• js-Dateien waren eh in einem Ordner
• alle Bild-Dateien in einem Ordner (getrennt in Unterordner)

Verwendetes Template ist das Original xtc5 von (SP1b).
Ich hoffe es kann jemand gebrauchen.

Gruß web0null


Linkback: https://www.modified-shop.org/forum/index.php?topic=19731.0

[jannemann]

Hallo web0null,

ganz herzlichen Dank fürs Teilen! 
Das können bestimmt einige gebrauchen.

Schöne Grüße,
Jan

[noRiddle (revilonetz)]

Hi web0null.
Generell eine nicht schlechte Idee.

Meine ehrliche Meinung dazu:
Wenn ich dich richtig verstanden habe, geht das nicht so ganz einfach.
Z.B. Stylesheets in alphabetischer Reihenfolge einzubinden kann nach hinten losgehen.
Dies liegt in der Cascade (css = cascading style sheet) begründet, es kann also sein, daß die Reihenfolge wichtig ist um alles korrekt und wie gewünscht darzustellen.
Habe es jetzt nicht im einzelnen geprüft, bin mir aber ziemlich sicher, daß auch im modified eCommerce Shopsoftware-System die Reihenfolge wichtig ist.

Das gleiche gilt im übrigen für *.js-Dateien. Hier zwar nicht wegen Cascades aber die jQuery-Bibliothek beispielsweise muß ja vor allen anderen *.js-Dateien die auf jQuery aufbauen eingebettet werden.

Deine Idee in allen Ehren, frage ich mich allerdings auch wie oft es denn vorkommt, daß Dateien überall verfügbar sein sollen.
Das ist doch eher die Ausnahme und um performance-effizient zu sein, vermeidet man natürlich das Laden
- oder bei PHP das Abarbeiten -
von css-, js und auch Funktionsdateien wo es nicht nötig ist.

Die von dir genannten Dateien in Ordnern zu bündeln ist ja gut aber auch weitgehend schon verwirklicht.
Das automatische Einbinden halte ich in den meisten Fällen für kontraproduktiv.

Gruß,
noRiddle

[fishnet]

sorry nicht richtig gelesen, ich bin dann mal weg 

[web0null]

Hi noRiddle.

Dies liegt in der Cascade (css = cascading style sheet) begründet, es kann also sein, daß die Reihenfolge wichtig ist um alles korrekt und wie gewünscht darzustellen.
Habe es jetzt nicht im einzelnen geprüft, bin mir aber ziemlich sicher, daß auch im modified eCommerce Shopsoftware-System die Reihenfolge wichtig ist.

Ja das weiß ich, deswegen auch mein Hinweis:

(Wichtig: Die Dateien im Ordner „default“ werden in alphabetischer Reihenfolge eingebunden) z. B.

• stylesheet.css
• thickbox.css
• z_meineCss.css

oder besser so:

• a_stylesheet.css
• b_thickbox.css
• y_andere.css
• z_meineCss.css

Man kann ja die Dateien beliebig Umbenennen bzw. ein(a_ b_ c_ davor setzen), da sie immer automatisch geladen werden, und man sich keine Sorgen um die Benennung machen muss.
Wichtig ist, die stylesheet.css muss zuerst geladen werden, dass erfüllen beide Beispiele.
Man muss "natürlich" auf die Reihenfolge achten!

Ich hoffe du verstehst was ich meine?

PS. Ich hab bei mir z.B. die js, css einzeln aufgegliedert zwecks der Übersicht, und binde sie dann mit Googles minify ein, damit wird css, js jeweils zusammengebunden und je eine Datei ausgeliefert.  (dazu muss ich aber erst noch eine Anleitung Schreiben).

Gruß web0null

 

[noRiddle (revilonetz)]

Und was sagst du hierzu ?

Deine Idee in allen Ehren, frage ich mich allerdings auch wie oft es denn vorkommt, daß Dateien überall verfügbar sein sollen.
Das ist doch eher die Ausnahme und um performance-effizient zu sein, vermeidet man natürlich das Laden
- oder bei PHP das Abarbeiten -
von css-, js und auch Funktionsdateien wo es nicht nötig ist.

Mal schnell eine if strpos -Abfrage zu machen um Dateien nur da einzubinden wo sie benötigt werden, ist doch wirklich kein Akt.

Wenn die Entwicklung eines Shops beendet ist ist natürlich das Zusammenfassen und "minify-en" sehr gut,
(insofern man nicht vergisst die Original-Dateien zu sichern...  ).

Gruß,
noRiddle

[web0null]

Deine Idee in allen Ehren, frage ich mich allerdings auch wie oft es denn vorkommt, daß Dateien überall verfügbar sein sollen.

Ich würde sagen es ist unterschiedlich, bei einigen kommt es öfters vor, und bei anderen wieder nicht, aber ich bin der Meinung alles was die Arbeit erleichtert ist ein Vorschritt.

- oder bei PHP das Abarbeiten -

Na da könnte man woanders auch noch viel heraus holen.
(Anleitungen folgen )

Funktionsdateien wo es nicht nötig ist

Meine Überlegung war wenn ich die Funktion schon habe, kann ich sie dort auch gleich anwenden.
Ich brauch einfach nur eine neue Funktion entwerfen (in einer eigenen Datei), und sie wird automatisch eingebunden.

Das ist doch eher die Ausnahme und um performance-effizient zu sein, vermeidet man natürlich das Laden

Mal schnell eine if strpos -Abfrage zu machen um Dateien nur da einzubinden wo sie benötigt werden, ist doch wirklich kein Akt.

Die Möglichkeit bleibt doch erhalten.

(insofern man nicht vergisst die Original-Dateien zu sichern...

Kennst du "minify"?
Denn das ist nicht notwendig, an den Original-Dateien wird nichts verändert.

Gruß web0null

[noRiddle (revilonetz)]

(insofern man nicht vergisst die Original-Dateien zu sichern...

Kennst du "minify"?
Denn das ist nicht notwendig, an den Original-Dateien wird nichts verändert.

  Das ist schon klar.
Nur wenn man mal was ändern will ist das in einer minified *.js -Datei ein bischen unübersichtlich.
Hat man die Originale gesichert, kann man da die Änderungen vornehmen, dann minifyen und okay iss.

Gruß,
noRiddle

[Matt]

Das minify, das web0null anspricht, ist das hier: http://code.google.com/p/minify/

Minify on-the-fly quasi. D.h. du hast immer offene, vernünftig bearbeitbare Daten und musst dir keine Gedanken darüber machen, dass du die nochmal gesondert ablegen musst.

[noRiddle (revilonetz)]

I see...  

[h-h-h]

ANLEITUNG: Minify für modified eCommerce Shopsoftware - mehr Performance für den Shop

Besten Gruß

h-h-h

[noRiddle (revilonetz)]

Hi h-h-h.

Für wen ist der Link ? 

Ich weiß ja bescheid, hatte ja nur gesagt, er solle die Originale sichern, falls mal was verändert werden muß.

Ich halte die Idee von web0null ja auch nicht wirklich für schlecht, habe nur lieber Kontrolle darüber was wann wo eingebunden wird, ohne daß ich meine Dateien a-blabla.css und b-blabla.css nennen muß.
Anders gesagt, ich würde meist den "notdefault"-Ordner brauchen und wozu dann der Aufwand ?

Das Zusammenfassen von Javascript-Dateien ist genau aus diesem Grund nicht sinnvoll, "minifyen" der einzelnen Dateien
- nach meiner Meinung sogar komprimieren -
sicherlich.

Gruß,
noRiddle