西部数码主机 | 阿里云主机| 虚拟主机 | 服务器 | 返回乐道官网
当前位置: 主页 > php教程 > magento教程 >

Magento集成css文件到页面文件中

时间:2016-10-15 20:41来源:未知 作者:好模板 点击:次
Magento的CSS文件一般存放到 $MAGENTO_INSTALLED_FOLDER/skin/{frontend | admin | install}/package name/theme name/css目录下。也有些和全局js脚本配合使用的css文件存放在$MAGENTO_INSTALLED_FOLDER/js下，但是一般我
Magento的CSS文件一般存放到 $MAGENTO_INSTALLED_FOLDER/skin/{frontend | admin | install}/<package name>/<theme name>/css目录下。也有些和全局js脚本配合使用的css文件存放在$MAGENTO_INSTALLED_FOLDER/js下，但是一般我们不直接调用它们。 
 
那么Magento应用又是如何引用CSS文件的呢？ 
 
方式I. 最一般的方法是配置全局block. 在page.xml中有 
 
 
<default>  
        <block type="page/html" name="root" output="toHtml" template="page/3columns.phtml">  
            <block type="page/html_head" name="head" as="head">  
                <action method="addCss"><stylesheet>css/menu.css</stylesheet></action>  
                <action method="addItem"><type>skin_css</type><name>css/iestyles.css</name><params/><if>IE</if></action>  
            </block>  
         </block>  
</default>  
 
 
注意: 
 
<action method="addItem"><type>skin_css</type><name>css/iestyles.css</name><params/><if>IE</if></action>  
 
 
可以根据浏览器版本有条件地包含.css文件。和包含全局js文件不同，这里别忘记相对路径css/ 
 
方式II.包含特定Theme包下的css文件： 
和页面中包含js文件一样，示例如下： 
 
<link type="text/css" rel="stylesheet" href="<?php echo $this->getSkinUrl('css/reset.css') ?>" media="all"/>  
 
 
注意: getSkinUrl(..)是基于路径　$MAGENTO_INSTALLED_FOLDER/skin/{frontend | admin | install}/<package name>/<theme name>/的，所以别忘记了路径css/。
(责任编辑：好模板)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
热点内容
随机内容
随机模板
CopyRight © 2010-2023 乐道主机 All Rights Reserved.