So fügen Sie einer meiner Magento-Seiten JavaScript hinzu

Hängt davon ab, auf welcher Seite Sie Ihr Javascript hinzufügen möchten. Ist es eine einzelne Seite oder ein Abschnitt (wie Kategorien oder Produkte oder Kasse). Oder ist es eine CMS-Seite?

Es gibt verschiedene Möglichkeiten, dies zu tun, abhängig von der Komplexität Ihres Projekts und seiner Lebensdauer. Wenn Sie etwas schnelles und schmutziges für Ihr Haustierprojekt wollen, wenn Sie wissen, dass Sie der einzige sind, der sich den Code ansieht, können Sie mit dem einfachen Weg davonkommen. Wenn Sie es für einen Client implementieren oder möchten, dass es in Zukunft problemlos verwaltet werden kann, wählen Sie den richtigen Weg.

  1. Die einfache und nicht empfohlene Methode besteht darin, Ihre Skriptdateideklaration in Ihrer CMS-Vorlage oder in der Magento-Vorlagendatei page / html / head.phtml oder an einem beliebigen Ort, an dem sich Ihr Inhalt befindet, fest zu codieren (nach dem Inhalt, wenn Sie nur auf die js-Objekte in der Datei zugreifen müssen nachdem die Seite vollständig geladen wurde, oder vor dem Inhalt, wenn Ihr Inhalt vom Inhalt der js-Datei abhängt, um gerendert werden zu können). Wenn Sie es zu einer .phtml-Datei hinzufügen, können Sie es in einige Zeilen umbrechen, wenn Sie überprüfen, ob die URL mit der URL Ihrer Seite übereinstimmt.
  2. Der richtige Magento-Weg – mit einer Layout-XML-Datei:
    1. erstelle dein eigenes Paket und Theme, falls du noch kein eigenes hast (Magento Theme von Grund auf neu erstellen)
    2. erstelle eine local.xml-Datei in deinem neuen Theme-Layout-Ordner (app / design / frontend / your_package / your_theme / layout / local.xml)
    3. Fügen Sie Ihrer Layoutdatei einen der folgenden Texte hinzu (ändern Sie LAYOUT_HANDLE und LOCATION wie nach den Codeblöcken erläutert):
      1. Wenn Sie eine Bibliothek hinzufügen möchten, die für alle Magento-Pakete und -Themen verfügbar ist :

LOCATION

– wobei LAYOUT_HANDLE die Seite ist, auf der Sie die Js-Datei hinzufügen möchten (definiert als Magento- Routenlayout- Handle). Dies kann catalog_product_view sein , um es allen Seiten hinzuzufügen, oder PRODUCT_123 , um es nur der Seite des Produkts mit der ID 123 hinzuzufügen, oder cms_index_index , um es der Startseite hinzuzufügen, oder Standard für alle Seiten.

– wobei LOCATION der Pfad und der Name der Datei ist, relativ zum Ordner / js im Magento-Stammverzeichnis (Beispiel: varien / product.js )

      1. Wenn Sie eine Javascript-Datei benötigen, die für ein Thema spezifisch ist:

skin_js
ORT

– Wobei LAYOUT_HANDLE genau so groß ist wie aboeve

– wobei LOCATION der Pfad und der Name der Datei relativ zum Design- Skin- Ordner ist (Beispiel: /skin/frontend/your_package/your_theme/js/my_file.js).


3. Ein anderer Weg:

– Fügen Sie am Anfang oder Ende der Seite eine benutzerdefinierte .phtml-Vorlage hinzu

– Fügen Sie Ihr in diese Vorlage ein und bringen Sie es in einen Zustand, in dem überprüft wird, ob die URL mit der gewünschten URL übereinstimmt

Fügen Sie den folgenden Code in Ihre local.xml Layoutdatei ( app/design/frontend/package/theme/layout/local.xml ) direkt unter dem -Tag ein:

Für Produktseiten









Für die Checkout-Seite gilt dasselbe, außer dass Sie das oberste Tag durch ersetzen müssen. So wird der obige Abschnitt:









es funktioniert genauso für jede andere Seite. Sie müssen nur das richtige Seitenhandle (Top-Tag) kennen. Für den Index ist cms_index_index , für den Warenkorb ist checkout_cart_index .