0

だから私はマジェントとウェブ開発に不慣れで、ここ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 に答える