2013-07-17 123 views
1

我想添加一個自包含的塊到magento。我已成功將一段代碼添加到模板/頁面文件夾,並能夠在我的cms頁面中看到輸出。是否可以將內聯javascript/css添加到magento塊?

現在我想爲該輸出添加一些CSS和JavaScript,但它似乎像Magento只支持指定一個JavaScript文件或CSS文件。相反,我想添加css/javascript內聯,這可能嗎?

在zend框架中,我將能夠使用headscript() - > startCapture()等..但我不知道如何從magento訪問此。任何幫助都會很棒。

謝謝。

回答

2

您可以使用其中一個佈局文件將塊添加到標題。

<default> 
    <reference name="head"><!-- this means you are adding to the head block --> 
     <block type="core/template" name="custom_styles" as="custom_styles" template="custom/styles.phtml" /><!-- this is a general block with a custom template --> 
    </reference> 
</default> 

app/design/frontend/{interface}/{theme}/template/custom/styles.phtml補充一點:

<style> 
/* your styles here*/ 
</style> 

您甚至可以在同一個文件中添加一些自定義的JS。上面的樣式添加後:

<script type="text/javascript"> 
    //your js here 
</script> 

清除緩存並試一試。

+0

但是,這是不是意味着在一個文件中存在代碼,在另一個文件中存在css和javascript,同時還需要將「樣式」文件的引用添加到佈局文件中?我真的只想擁有一個包含所有內容的文件,這樣如果需要的話,我可以刪除那個文件,而無需執行其他任何操作。我的問題的「內聯」部分是導入部分,但也許我誤解了你的答案? – whisperstream

+0

或者我可能誤解了你的問題。您可以直接在您用來渲染塊的模板文件中添加樣式和js。無論如何,您至少需要創建2個文件。一個用於塊類,另一個用於模板。這就是magento如何使'關注點分離'。 http://en.wikipedia.org/wiki/Separation_of_concerns – Marius

+0

謝謝,我想通了,我可以直接添加到我的模板文件的CSS和JS。不幸的是,我也發現爲了獲得我想要的內容不會很快捷,我需要構建一個更復雜的插件。雖然你的意見非常有幫助,並解決了原來的問題。那謝謝啦。 – whisperstream

相關問題