如何在Magento中添加自定义CSS样式表?

时间:2015-04-16 09:40:37

标签: php css magento

我一直在尝试在我的Magento主题中链接自定义CSS样式表,但它没有应用CSS而我在Chrome控制台中收到错误并出现语法错误:意外* ..?我猜它错误解释了CSS文件的CSS,但我不知道为什么。

这是我的代码:

 <script type="text/javascript" src="<?php echo 
 $this->getSkinUrl('css/custom.css') ?>"</script>

3 个答案:

答案 0 :(得分:3)

如果您想在.PHP文件中使用它一次,只需使用:

<link rel="stylesheet" type="text/css" href="<?php echo $this->getSkinUrl('customstyle.css') ?>" />

而BTW:不要在样式表中使用脚本标记。

如果你想更多地使用样式表。然后你必须在layout.xml中创建一个块

答案 1 :(得分:0)

您需要在主题&#39; page.xml&#39;中添加它,它应该在这里;

MAGE ROOT /app/design/frontend/XXX/YYY/layout/page.xml

XXX / YYY是您主题的路径。

在此文件中,找到此块;

<block type="page/html_head" name="head" as="head">

并像这样添加你的CSS;

<action method="addCss"><stylesheet>css/custom.css</stylesheet></action>

之后刷新缓存 - 如果已启用合并,则包括css / js缓存。

答案 2 :(得分:0)

从代码中删除(脚本)标记。

<link rel="stylesheet" type="text/css" href="<?php echo $this->getSkinUrl('custom.css') ?>" />