Question

所以我是magento和web开发的新手，我正在组建我自己的网站theshirt.org我试图改变我按照说明制作的垂直导航菜单的外观在这个维基

Creating a vertical navigation

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

由于我更改了主侧边栏和左侧边栏的大小，导航菜单太大所以我需要将导航菜单的大小更改为150px
导航菜单仅出现在主页上。我需要它出现在每一页
当我将鼠标悬停在导航类别上时，我希望菜单项能够改变颜色。

现在我该怎么做？

再次感谢你们的帮助。没有这个网站的帮助，我就不能去任何一家商店！

乔恩

Answer 1

1°）查看http://theshirt.org/skin/frontend/default/footprint/css/widgets.css并编辑宽度：200px到宽度：130px左右第155行

#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伪元素

基本上在相同的css而不是1°）（widget.css）查看第202行并将#nav_vert替换为a：hover by #nav_vert span：hover以使鼠标悬停在文本上。然后你可以玩颜色，背景颜色或任何你想要的东西;）

编辑.: 要使用左侧栏将页面转换为2列，请编辑xml布局文件以更改所需页面上的<reference name="head">模板。

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

如何编辑此导航栏？ Magento的

1 个答案: