将自定义CSS添加到Magento主页

时间:2013-09-07 16:08:07

标签: html css magento twitter-bootstrap

我正在尝试将css文件添加到我的CMS主页,方法是转到CMS > Pages > Home > Design然后更新布局XML,但是它会不断添加/添加到网址以显示以下内容:

<reference name="head">
 <action method="addJs">
 <script>nivo-slider/jquery.nivo.slider.js</script>
</action>
<action method="addCss">
<script>../bootstrap/theme_name/css/nivo-slider.css
</script></action>
</reference>

在视图源中输出以下内容:

<link rel="stylesheet" type="text/css" href="/skin/frontend/base/default/bootstrap/theme_name/css/nivo-slider.css" media="all" />

我已尝试过../并添加绝对链接,但它只是在/ base /

之后添加它

有没有办法可以覆盖试图添加/ base /

的主题

2 个答案:

答案 0 :(得分:2)

假设theme_name是您的主动主题,请尝试将<action method="addCss">...</action>替换为此节点:

    <action method="addItem"><type>skin_css</type><file>css/nivo-slider.css</file></action>

由于magento后退而加载了基本文件夹。它在基础文件夹中搜索最后一个,这就是添加基础的原因。

答案 1 :(得分:1)

尝试以下代码

<?xml version="1.0">
<layout>
    <default>
        <reference name="head">
            <action method="addItem"><type>skin_css</type><file>css/nivo-slider.css</file></action>
        </reference>
    </default>
</layout>

希望这对您有所帮助。