У меня есть специальное требование добавить JS и CSS, связанные с нижним колонтитулом сайта . Есть ли способ в Magento, с помощью которого я могу добавить его в раздел нижнего колонтитула ?
magento-1.8
отметка
источник
источник
Ответы:
footer
Блок не предлагает никакой поддержки JS непосредственно, как голова.Но есть блок с именем,
before_body_end
куда вы можете добавить все, что хотите, с помощью шаблона или текстового блока.Я бы подумал о вашем собственном шаблоне и типе блока
Mage_Page_Block_Html_Head
, тогда вы можете использовать то, что рекомендовал @Dexter.Нет, вам нужно что-то вроде этого, у вас нет блока page / html_head для ссылки тоже:
И внутри вашего шаблона вам нужно:
источник
Часть верхнего и нижнего колонтитула отрисовывается модулем Page в magento. Чтобы увидеть шаблоны верхнего и нижнего колонтитула, перейдите к
Посмотрите также на другие файлы в папке страницы. Там вы можете увидеть,
header.phtml
какой раздел рендеринга заголовка каждой страницы.head.phtml
используйте для добавления файлов js и css, которые применимы для каждой страницы в magento.Также смотрите файлы в папке страницы. Эти файлы будут отображаться для каждой страницы в соответствии со спецификацией макета конкретной страницы.
Проведите серьезное изучение этого модуля. Это вам очень поможет.
редактировать
Вы можете добавить свои CSS и JS через page.xml. Я думаю, что это решит вашу проблему. Перейти к
и добавьте этот фрагмент кода в свой
defeault handle
. (Вы можете увидеть много файлов js и css, добавленных в этот дескриптор. Просто добавьте этот код ниже этих кодов)Вот и все. Теперь убедитесь, что ваши пользовательские файлы js и css находятся в папке
Удачи в вашей работе.
источник
<action method="addItem"> <type>skin_js</type> <name>js/yourjsfile.js</name> </action>
добавит JS в <head>, а не в нижний колонтитул !!!Используйте XML для этого. Чтобы добавить J в нижний колонтитул, вызовите ссылку нижнего колонтитула. Код будет выглядеть примерно так
Чтобы добавить JS в папку скина, вы можете использовать следующий код
Чтобы добавить CSS вы можете использовать следующий код XML
или вы также можете использовать
источник
Для javascript вы рассматривали только использование onload или jquery $ (document) .ready ()?
Это позволит вам поместить ваш код в заголовок, как при обычной настройке, но не запускать его, пока не будет загружен контент, на который ссылается ваш js.
Ваш код js filename.js будет выглядеть так:
Код для вашего макета будет выглядеть следующим образом: (Очевидно, вам нужно будет добавить соответствующие каталоги, когда вы их настроили.)
источник
Да, есть один способ, но вы должны добавить через код, как показано ниже, добавить этот код внизу файла 1column.phtml непосредственно перед концом
<body>
тега.источник
Я настоятельно рекомендую модуль mediarox pagespeed, чтобы помочь вам оптимизировать ваш javascript (и css) и улучшить рейтинг в Google Pagespeed.
Он работает путем анализа html-вывода Magento, а затем выполняет действие вырезания и вставки кода, чтобы переместить javascript в конец HTML-кода. Процесс быстрый, но лучше всего использовать его вместе с полным кэшем страниц для кэширования изменений HTML.
Более подробная информация о том, как работает этот модуль и может помочь вам повысить рейтинг страниц, здесь:
http://blog.gaiterjones.com/magento-google-pagespeed-jscsshtmlminify-optimisation/
источник