2013-03-01 73 views
0

所以我是新來的Magento和網絡的發展,我在放在一起我自己的網站的中間是這裏theshirt.org我試圖改變我提出以下本維基上如何編輯此導航欄? Magento的

指令的這一垂直導航菜單的外觀

Creating a vertical navigation

我想改變這個導航上的一些東西,但我只是不知道從哪裏開始。

  1. 因爲我已經改變了我的主,左側邊欄的大小,導航菜單是太大,所以將我需要的導航菜單的大小更改爲150像素

  2. 的導航菜單隻出現在主頁上。我需要它出現在每個頁面

  3. ,當我將鼠標懸停在導航類我想菜單項來改變顏色。

現在我該如何去做這件事?

感謝您的幫助再次傢伙。沒有本網站的幫助,我無法在任何一家商店中購買任何商品!

喬恩

回答

1

1°)看http://theshirt.org/skin/frontend/default/footprint/css/widgets.css和編輯寬度:200像素爲width: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一個:懸停#nav_vert span:懸停以讓您的文字在鼠標上方變灰。然後,你可以用顏色或背景色或任何你想要玩;)

編輯: 要變換頁面到2列左酒吧,編輯XML佈局文件來改變<reference name="head">的模板上你想要的頁面。

對於CMS頁面,您可以在創建頁面時直接通過菜單設置此。

+0

我無法在所有頁面上顯示導航:(我將上面顯示的代碼移動到layout/catalog.xml中的默認部分 – 2013-03-01 18:40:38

+0

我剛剛在我的網站上使用谷歌瀏覽器「檢查了元素」,我無法看到DIV級「COL-左側欄。」我可以看到DIV的右側。這是什麼原因? – 2013-03-01 18:42:32

+0

如果頁面顯示與右側欄1列或2列,它不會工作。 對於沒錯吧,你需要'<引用名=「右」>',而不是「左」 – dagfr 2013-03-01 18:51:17