一、引用css的几种方法
Magento的CSS文件一般存放到 $MAGENTO_INSTALLED_FOLDER/skin/{frontend | admin | install}/
那么Magento应用又是如何引用CSS文件的呢?
1、 最一般的方法是配置全局block. 在page.xml中有
12345678
可以根据浏览器版本有条件地包含.css文件。和包含全局js文件不同,这里别忘记相对路径css/
2、.包含特定Theme包下phtml文件中的css文件:
和页面中包含js文件一样,示例如下:
1注意: getSkinUrl(..)是基于路径 $MAGENTO_INSTALLED_FOLDER/skin/{frontend | admin | install}/
二、引用js的几种方法
Magento的JS文件存放有两个地方:
1). 系统级别的js目录位置 : $MAGENTO_INSTALLED_FOLDER/js,该目录下也存放相应js功能的css文件。
2). 特定于某套页面风格的目录下: $MAGENTO_INSTALLED_FOLDER/skin/{frontend | admin | install}/
那么Magento应用又是如何引用这些js文件的呢?
1. 引用系统级别的js文件
1、 最一般的方法是配置全局block. 在page.xml中有
01020304050607080910
任何使用该template的页将自动包含$MAGENTO_INSTALLED_FOLDER/js/prototype目录下的prototype.js文件,根据浏览器版本有条件地载入js文件
2、在页面文件里包含系统级js文件
1
一个Helper类做同样事情,该方法主要用来在某些页面包含额外的js文件。而这些文件在其他页面中却不常使用。下面是例子
1helper('core/js')->includeScript('varien/accordion.js') ?>
3、在Block类中使用下面的代码
将在page.xml中的名称为"head"的Block中说明的包含js的基础上,继续包含$MAGENTO_INSTALLED_FOLDER/js/mage/adminhtml/sales.js文件。
12345protected function _prepareLayout(){ $this->getLayout()->getBlock('head')->addJs('mage/adminhtml/sales.js'); ..... return parent::_prepareLayout();}
两种方法:
在layout中:additem方法
在phtml中:getSkinUrl('css/XXX.css')?>