2013-10-22 139 views
1

我創建了我的模塊,它工作正常。現在我想包括一些自定義佈局更新,以便我可以爲它加載所需的JS和CSS文件。Magento - 爲模塊添加自定義佈局更新

因此,我進入了app/code/community/module/relatedbrand/etc/config.xml,並在結束標記</global>下面添加了以下代碼。

<frontend> 
    <layout> 
     <updates> 
      <relatedbrand> 
       <file>relatedbrand.xml</file> 
      </relatedbrand> 
     </updates> 
    </layout> 
</frontend> 

然後應用程序/設計/前端/模塊/默認/佈局/ relatedbrand.xml內我具備以下條件:

<?xml version="1.0" encoding="UTF-8"?> 
<layout version="0.1.0"> 
    <reference name="head"> 
     <action method="addJs"><script>jquery/jquery.js</script></action> 

     <action method="addJs"><script>carousel/carousel.min.js</script></action> 
    </reference> 
</layout> 

然而,當我瀏覽到該頁面,該模塊是活動的旋轉木馬不包括.min.js。我錯過了什麼?

回答

2

您的佈局錯誤。 應該

<?xml version="1.0" encoding="UTF-8"?> 
<layout version="0.1.0"> 
    <default> <!-- you are missing this--> 
     <reference name="head"> 
      <action method="addJs"><script>jquery/jquery.js</script></action> 

      <action method="addJs"><script>carousel/carousel.min.js</script></action> 
     </reference> 
    </default> 
</layout> 

上面的代碼應該在js文件添加到您的所有網頁。如果您只想要特定頁面,請使用頁面佈局句柄替換<default>
例如用於產品頁面使用<catalog_product_view>,爲客戶儀表盤使用<customer_account_index>

+0

啊該死!非常感謝Marius,我知道它會很小。你又來了,讓我覺得有點傻;) – Karl

0

我假設你的文件是在正確的地方,如果你使用的是自定義主題或包

skin\frontend\default\default\js 

可能會有所不同。

,並改變它像

<?xml version="1.0" encoding="UTF-8"?> 
<layout version="0.1.0"> 
<default> 
    <reference name="head"> 
     <action method="addJs"><script>jquery/jquery.js</script></action> 

     <action method="addJs"><script>carousel/carousel.min.js</script></action> 
    </reference> 
</default> 
</layout>