0

所以我是 magento 和 web 开发的新手，我正在整理我自己的网站，这里是theshirt.org我正在尝试改变这个垂直导航菜单的外观，我按照这个 wiki 上的说明制作

创建垂直导航

我正在尝试更改此导航上的一些内容，但我不知道从哪里开始。

  1. 由于我更改了主边栏和左侧边栏的大小，导航菜单太大，所以我需要将导航菜单的大小更改为 150px

  2. 导航菜单仅出现在主页上。我需要它出现在每一页

  3. 当我将鼠标悬停在导航类别上时，我希望菜单项改变颜色。

现在我该怎么做呢？

再次感谢你们的帮助。如果没有这个网站的帮助，我将无法做任何我的商店！

乔恩

4

1 回答 1

1

1°）查看http://theshirt.org/skin/frontend/default/footprint/css/widgets.css并在第 155 行周围编辑 width:200px 到 width:130px

#nav_vert li {
background-color: #F6F6F6;
border-bottom: thin solid #CCCCCC;
list-style: none outside none;
position: relative;
text-align: left;
width: 130px;
}

2°）您一定错过了教程的第一步：

<reference name="left">
        <block type="catalog/navigation" name="catalog.leftnav" after="currency" template="catalog/navigation/left.phtml"/>
    </reference>

将其移动到该<default>部分中，它将在所有页面中显示带有左栏的菜单。

3°) 在这里做一些 CSS 来查看 :hover 伪元素

基本上在与 1° 相同的 css 中）（widget.css）查看第 202 行并将 #nav_vert a:hover 替换为 #nav_vert span:hover 以使您的文本在鼠标悬停时变为灰色。然后你可以玩颜色，或背景颜色或任何你想要的;）

编辑：要将页面转换为带有左栏的 2 列，请编辑您的 xml 布局文件以更改所需<reference name="head">页面的模板。

对于 CMS 页面，您可以在创建页面时直接通过菜单进行设置。

于 2013-03-01T16:54:11.180 回答