Skip to content

Подключить внешний javascript/CSS файл в Magento

07/08/2012

Довольно часто используются различные интеграции при разработке сайтов на CMS Magento (Мадженто). К примеру можно использовать библиотеки jQuery, Google или различные интеграции (кнопки) с социальными сетями (сервисами).

Но как правильно подключить javascript, CSS файлы внешних серверов?

Правильно в Magento значит через xml файлы, Layouts.

Просто добавим в файл page.xml в секцию

<block type="page/html_head" name="head" as="head">

 

вот этот код

<block type="core/text" name="userapi">
    <action method="setText"><text><![CDATA[
        <script type="text/javascript" src="http://userapi.com/js/api/openapi.js?52"></script>
        <script type="text/javascript">VK.init({apiId: 0000001, onlyWidgets: true});</script>]]></text>
    </action>
</block>

это пример подключения для API vk.com

Magento 1.*

  • Хитро :) Классный способ!

  • Отличный способ!
    Вопрос гуру в Magento, не подскажете как перенести js скрипты с header в footer или перед ?

    • В Magento есть блок — before_body_end,
      этот блок стоит перед закрывающим тэгом BODY. Используя и используя описанный пример в посте можно вставить требуемый код.

      Если же задача стоит ставить js в стиле Magento,
      то можно попробовать вот это:
      в файле page.xml, ищем блок с названием before_body_end
      и вставим следующие

      < block type="page/html_head" name="before_body_end_js" template="page/html/before_body_end_js.phtml" >< action method="addItem" >< type >js< /type >< name >magento.js< /name >< /action >< /block >

      и создадим файл page/html/before_body_end_js.phtml с таким кодом:
      < ?php echo $this->getCssJsHtml() ?>

      …пробуем :)

      Возможно есть и более ПРОСТОЙ способ….. 😉