jQuery als Extension in Magento einbinden
Die Bibliothek jQuery zählt zu den populärsten Javascript-Frameworks und wird in sehr vielen Magento-Shops verwendet.
Um sie in Magento zu nutzen, muss die Bibliothek eingebunden werden. Dies kann man manuell machen oder der Entwickler nutzt dazu die jQuery Magento-Extension der interSales namens MageJquery.
Die Integration als Modul hat mehrere entscheidende Vorteile gegenüber dem manuellen Weg:
jQuery als Modul in Magento installieren hat Vorteile
- Die Installation ist einfach und schnell erledigt
- Das Verhalten kann im Backend konfiguriert werden: Aktivieren oder Deaktivieren der Bibliothek, gewünschte Version, gewünschte Repository-URL
- Die komplette Library kann per Knopfdruck innerhalb von Magento aktualisiert werden: Einfach im Backend die gewünschte Version angeben und speichern, schon werden automatisch alle Dateien heruntergeladen und installiert
- Die Verwendung als Modul vereinheitlicht die Entwicklung – in allen Magento-Shops kommt dieselbe Technik zum Einsatz, mit derselben Installation und denselben Konfigurationsverfahren.
Installation des jQuery Magento-Moduls:
Und so geht das Integrieren von jQuery mit dem MageJquery Magento-Plugin:
- Modul MageJquery herunterladen
- ZIP-Datei auspacken und auf den Magento-Server laden
- Folgendes Shell-Kommando installiert das Modul: modman deploy magejquery
- Magento-Cache leeren und ggf. Compiler neu starten
- Im Backend das Modul unter System > Konfiguration > interSales Module > MageJqery konfigurieren
Backend Konfiguration
- Das Modul nun aktivieren und die Konfiguration speichern. Nun fragt das Modul nach der gewünschten Version. Wurde die Version eingetragen, lädt das Modul nach erneutem Speichern automatisch alle benötigten jQuery-Dateien herunter und installiert sie im media-Ordner des Magento-Shops. Außerdem erfolgt automatisch die entsprechende Integration im Template.
- Weitere Einstellmöglichkeiten:
- Wenn Sie ein unkomprimierte jQuery-Dateien nutzen wollen, setzten Sie die Option Kompression nutzen (minify) auf Nein.
- Alias Liste: Hier können Sie den/die gewünschten Aliase für das Ansprechen von jQuery-Funktionen definieren.
- Repository URL: Hier hinterlegen Sie die Internet-Adresse des Repositories, aus welchem die Bibliothek heruntergeladen werden soll
- Um jQuery–UI oder jQuery–Mobile zu integrieren, müssen Sie diese zunächst aktivieren.