Ich habe eine benutzerdefinierte Anforderung, ein bestimmtes JS und CSS hinzuzufügen, die sich auf die Fußzeile der Website beziehen . Gibt es in Magento eine Möglichkeit, es in der Fußzeile hinzuzufügen ?
magento-1.8
Kennzeichen
quelle
quelle
Antworten:
Der
footer
Block bietet keine Unterstützung für js direkt, wie der Kopf.Es gibt jedoch einen Block mit dem Namen,
before_body_end
in dem Sie mit einer Vorlage oder einem Textblock alles hinzufügen können, was Sie möchten.Ich würde über Ihre eigene Vorlage und den Blocktyp nachdenken
Mage_Page_Block_Html_Head
, dann können Sie das verwenden, was @Dexter empfohlen hat.Nein, Sie benötigen so etwas, Sie haben auch keinen page / html_head-Block, auf den Sie verweisen können:
Und innerhalb Ihrer Vorlage benötigen Sie:
quelle
Der Kopf- und Fußzeilenteil wird vom Seitenmodul in Magento gerendert. Um Kopf- und Fußzeilenvorlagen anzuzeigen, gehen Sie zu
Schauen Sie sich auch andere Dateien im Seitenordner an. Dort können Sie sehen,
header.phtml
welcher Render-Header-Abschnitt jeder Seite angezeigt wird.head.phtml
Verwenden Sie diese Option, um JS- und CSS-Dateien hinzuzufügen, die für alle Seiten in Magento gelten.Siehe auch Dateien im Seitenordner. Diese Dateien werden für jede Seite gemäß der Layoutspezifikation einer bestimmten Seite gerendert.
Machen Sie eine ernsthafte Studie über dieses Modul. Es wird dir sehr helfen.
bearbeiten
Sie können Ihre CSS und JS über page.xml hinzufügen. Ich denke, es wird Ihr Problem lösen. Gehe zu
und fügen Sie dieses Code-Snippet hinzu
defeault handle
. (In diesem Handle werden viele JS- und CSS-Dateien hinzugefügt. Fügen Sie einfach diesen Code unter diesen Codes hinzu.)Das ist es. Stellen Sie nun sicher, dass sich Ihre benutzerdefinierten JS- und CSS-Dateien am Speicherort befinden
Viel Glück für Ihre Arbeit.
quelle
<action method="addItem"> <type>skin_js</type> <name>js/yourjsfile.js</name> </action>
fügt JS in <head> und nicht in footer hinzu !!!Verwenden Sie dafür XML. Um Js in die Fußzeile einzufügen, rufen Sie die Fußzeilenreferenz auf. Der Code sieht ungefähr so aus
Um JS zum Skin-Ordner hinzuzufügen, können Sie den folgenden Code verwenden
Zum Hinzufügen von CSS können Sie den folgenden XML-Code verwenden
oder Sie können auch verwenden
quelle
Haben Sie für Javascript in Betracht gezogen, nur onload oder jquerys $ (document) .ready () zu verwenden?
Auf diese Weise können Sie Ihren Code wie im typischen Setup in den Header einfügen, ihn jedoch erst ausführen, wenn der Inhalt geladen ist, auf den Ihr js verweist.
Ihr js-Dateiname.js-Code würde folgendermaßen aussehen:
Der Code für Ihr Layout würde folgendermaßen aussehen: (Sie müssten natürlich die entsprechenden Verzeichnisse hinzufügen, sobald Sie sie eingerichtet haben.)
quelle
Ja, es gibt eine Möglichkeit, aber Sie müssen über den folgenden Code hinzufügen: Fügen Sie diesen Code am Ende der Datei 1column.phtml kurz vor dem Ende des
<body>
Tags hinzu.quelle
Ich empfehle das Mediarox-Pagespeed-Modul, um Ihnen zu helfen, Ihr Javascript (und CSS) zu optimieren und das Ranking der Google Pagespeed-Einblicke zu verbessern.
Es funktioniert, indem die von Magento ausgegebene HTML-Ausgabe analysiert und anschließend eine Aktion zum Ausschneiden und Einfügen des Codes ausgeführt wird, um Javascript an den unteren Rand des HTML-Codes zu verschieben. Der Prozess ist schnell, wird jedoch am besten in Verbindung mit einem Ganzseiten-Cache verwendet, um die HTML-Änderungen zwischenzuspeichern.
Weitere Informationen zur Funktionsweise dieses Moduls und zur Verbesserung des Seitengeschwindigkeitsrangs finden Sie hier:
http://blog.gaiterjones.com/magento-google-pagespeed-jscsshtmlminify-optimisation/
quelle