自定义类别页面

时间:2013-01-06 16:25:55

标签: magento magento-1.5

我在magento(tintinportintin.com.br)有一个商店,我想自定义类别页面,为每个类别页面添加特定颜色。例如,我希望家庭和所有页面的相同菜单在类别x中为蓝色,在类别y中为红色。任何人都可以帮助我吗?

3 个答案:

答案 0 :(得分:0)

html body标签包含每个类别的类名,因此一种无编程方式,就是使用css。

  

<body class=" catalog-category-view categorypath-pulseiras-casual-html category-casual">

     

<body class=" catalog-category-view categorypath-colares-html category-colares">

所以在你的style.css中(你可以添加到最后)

.categorypath-colares-html #nav{
   background-color: black;
}

.categorypath-colares-html #nav a{
   color:red;
}

.categorypath-pulseiras-casual-html #nav a{
   color:blue;
}

.categorypath-pulseiras-casual-html #nav{
   background-color: black;
}

(唯一的限制是如果您更改类别名称,则需要更新css)

答案 1 :(得分:0)

我商店中的style.css指的是#nav

   /* Classes specifying background and other settings for navigation bar */
.navbar {
    background-position:top left;
    background-repeat:repeat-x;
    float:left;
    width:944px; /* 944 = 960 - 2*8 */
    height:41px;
    padding-top:10px;
}
.navbar-left {
    background-position:0 -51px;
    width:8px;
    height:51px;
    float:left;
}
.navbar-right {
    background-position:100% -51px;
    width:8px;
    height:51px;
    float:left;
}

答案 2 :(得分:0)

我的style.css指的是导航背景:

.categorypath-colares-html #nav{
   background-color: #b7ea2c;
background:url(../images/img/navbar-lightgreen.png) no-repeat; 
}

.categorypath-colares-html #nav a{
   color:#b7ea2c;
}