将自定义 CSS 添加到 Magento 主页

Question

我正在尝试通过转到 CMS > Pages > Home > Design 将 css 文件添加到我的 CMS 主页，然后更新布局 XML，但是它不断将 /base 添加到 url 以显示以下内容：

<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/ 中的主题

Answer 1

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

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

由于 magento 回退，已加载基本文件夹。它在 base 文件夹中最后搜索，这就是添加 base 的原因。

Answer 2

试试下面的代码

<?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>

希望这对你有帮助。