将一个css文件加载到Magento

所以我基本上得到了我自己的整个CSS布局，我想改变我的magento前端的布局。我已经研究过这个帖子：How to apply CSS to Magento CMS Page，但它不加载我的CSS在我这样做：将一个css文件加载到Magento

我添加到自定义布局更新XML：

<reference name="head"> 
<action method="addCss"><stylesheet>csstest/style.css</stylesheet></action> 
</reference>

，并在我的HTML编辑器，我得到这个：

<div class="header">&nbsp;</div> 
<div class="header_2">&nbsp;</div>

的CSS以防万一：

.header{ 
width:80%; 
margin-left:10%; 
height:15%; 

/*border-radius:12px; */ 
background-color:white; 
} 

.header_2{ 
width:80%; 
margin-left:10%; 
height:5%; 
background-color:grey; 
font-size:200%; 
}

我的style.css是此目录中：/skin/frontend/default/csstest/我也试过把它放在：skin/frontend/default/default/css/

我忘了什么吗？

来源

2014-10-10 Loko

您是否收到任何有关脚本是否被找到的控制台警告？ – user3154108 2014-10-10 12:34:52

@ user3154108当我在Firefox中使用CTRL + U时，它没有显示链接rel =“stylesheet”style.css。所以他没有进入正确的目录或什么？或者配置不好？ – Loko 2014-10-10 13:01:55

尝试ctrl + shift + k，它会打开记录警告和错误的控制台。如果找不到文件，控制台会给你一个警告，并告诉你文件被查找的地方。这样的错误信息将有助于找出问题。 – user3154108 2014-10-10 13:21:40

这为我做的伎俩：

<reference name="head"> 
<action method="addCss"> 
<stylesheet>../csstest/css/style.css</stylesheet> 
<params>media="screen"</params></action> 
</reference>

在自定义布局更新XML

来源

2014-10-21 12:40:08 Loko

为什么不使用简单的方法来添加CSS样式？

将它添加到head.phtml

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

或将其添加到您的local.xml

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

不要忘记检查你的风格在正确的文件夹。

来源

2014-10-10 12:44:29 ummahusla

你也可以尝试

把你csstest/style.css中的css文件夹

<action method="addItem"><type>skin_css</type><file>css/csstest/style.css/file></action>

来源

2014-10-10 12:49:50

你还好吗Tibbers – 2014-10-10 12:55:02

将一个css文件加载到Magento

回答

相关问题