すべてのカテゴリをリストしたメイン メニューを保持し、同じ magento ショップ内の Web サイト/ストアごとに個別のメニューを保持するため、メイン メニュー バーのほかにセカンダリ メニュー バーを追加しようとしています。私が使用しているテーマには既にメニュー ウィジェットが付属しており、目的は達成できましたが、CSS のスタイリングに少し問題があります。説明させてください。
2 つのメニューを用意するために、次のようにしました。
- コピー
community/Company/MenuWidget
先local/MyCompany/MyMenuWidget
- ブロック、ヘルパーなど、コントローラー、モデルの下にあるすべてのファイルのすべての参照を置き換えまし
Company_MenuWidget
たMyCompany_MyMenuWidget
。私は基本的にメニューウィジェットを複製しました。 css.xml
以下の行を下に追加しました
< 参照名="ヘッダー" >
< block type="cms/block" name="cms_my_menu_block" >
< action method="setBlockId" >< block_id>my_menu_block < /block_id >< /action> < /block>
- 次の行をheader.phtmlに追加しました
< div class="my-class" >< ?php echo $this->getChildHtml('cms_my_menu_block') ?>< /div>
nav-container クラスと同じ値を持つクラスを CSS スタイル シート 'my-class' に追加し、値を変更してメニューを必要な場所に配置しました。
MenuWidget スタイル シートを複製し、必要に応じて名前を変更しました。
表示したいストア/ウェブサイトの識別子を含むブロックを作成しましたが、表示されました。
今私が直面している問題は、元のメニューがコピーされたスタイル シートを部分的に取得しているため、コピーを変更すると、すべての変更ではなくメインに部分的に影響することです。たとえば、コンテナを下に移動して配置することはできましたが、位置を変更する必要があった「ドロップダウン ポップアップ」も、移動すると両方のメニューで影響を受けます。
スタイルシートを完全に分離するにはどうすればよいですか? 他のメニュー バーが新しいスタイル シートを採用している理由もわかりません。
どんな助けでも大歓迎です。