【问题标题】:How can i edit this navigation bar? MAGENTO如何编辑此导航栏? MAGENTO
【发布时间】:2013-03-01 16:19:28
【问题描述】:

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

Creating a vertical navigation

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

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

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

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

现在我该怎么做呢?

再次感谢大家的帮助。如果没有这个网站的帮助,我将无法做任何我的商店!

乔恩

【问题讨论】:

    标签: magento menu navigation


    【解决方案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>
    

    将此移至&lt;default&gt; 部分 它将在所有页面中显示带有左栏的菜单。

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

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

    编辑: 要将页面转换为带有左栏的 2 列,请编辑您的 xml 布局文件以更改所需页面上 &lt;reference name="head"&gt; 的模板。

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

    【讨论】:

    • 我无法在所有页面上显示导航 :( 我将上面显示的代码移动到 layout/catalog.xml 中的默认部分
    • 我刚刚在我的网站上使用谷歌浏览器“检查了元素”,我看不到 div 类“col-left sidebar”。我可以看到右侧的 div。是这个原因吗?
    • 如果页面显示为 1 列或 2 列带有右栏,它将无法工作。对于右栏,您需要 &lt;reference name="right"&gt; 而不是“左”
    • 好吧,我希望我的所有页面都是带有左侧边栏的 2 列,并且我希望在我制作的每个页面上都有垂直导航。即使是联系我们页面
    • 您有电子邮件地址吗?我已尝试通过您的网站与您联系,但联系按钮不起作用。我想要一个报价?你可以给我发电子邮件 jonwhittle89@gmail.com
    猜你喜欢
    • 1970-01-01
    • 2021-10-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-07-07
    • 1970-01-01
    相关资源
    最近更新 更多