вертикальное меню навигация по каждой странице и меню заголовка
Я пытаюсь настроить меню заголовка и вертикальное меню (левое меню) в Magento cms
Когда я нажму на категорию, я буду перенаправлен на следующую страницу, но полный список категорий больше не отображается на этой странице. Я просто хочу, чтобы полный список отображался на всех страницах, которые пользователь просматривает в списке категорий.
Я использую приведенный ниже код на CMS -> Страницы -> Домашняя страница -> дизайн ->Обновление макета XML
<reference name="left">
<!--<block type="catalog/navigation" name="catalog.leftnav" after="currency" template="catalog/navigation/left.phtml"/>-->
<block type="catalog/navigation" before="-" name="catalog.vertnav" template="catalog/navigation/vert_nav.phtml"/>
</reference>
Как отобразить левое меню на всех страницах и как настроить меню заголовка, например ГЛАВНАЯ СТРАНИЦА блога О НАС
Я также опубликовал тот же вопрос в stackoverflow, пожалуйста, посмотрите на эти снимки экрана fr
Пожалуйста, предложите мне разработать красивый веб-сайт magento
1 answers
Если вы посмотрите /дизайн/интерфейс/база/по умолчанию/шаблон/каталог/навигация/слева.phtml, вы увидите этот код:
...
<?php $_categories = $this->getCurrentChildCategories() ?>
...
Это означает, что вы можете получить категории, которые являются потомками текущей категории. Вы должны создать собственное левое навигационное меню. Это довольно просто.
/ дизайн/интерфейс/по умолчанию/ваша тема/шаблон/каталог/навигация/слева.phtml
<?php
$_menu = $this->renderCategoriesMenuHtml(0, 'level-top');
?>
<?php if($_menu): ?>
<div class="category">
<div class="title"><?php echo $this->__('Category menu:') ?></div>
<ul class="submenu">
<?php echo $_menu ?>
</ul>
</div>
<?php endif ?>
В этом случае вы устанавливаете корневую категорию в качестве родительской, и вы увидите все свое дерево навигации слева боковая панель.
Вы можете удалить навигацию по категориям из верхнего меню, чтобы настроить ее. Там много способов. В моем случае мне нужно было создать собственное меню: /design/frontend/base/default/layout/page.xml
<block type="page/html_header" name="header" as="header">
...
<block type="core/text_list" name="top.menu" as="topMenu" translate="label">
<label>Navigation Bar</label>
<block type="page/html_topmenu" name="catalog.topnav" template="page/html/topmenu.phtml"/>
</block>
...
</block>
До
<block type="page/html_header" name="header" as="header">
<block type="page/html_wrapper" name="top.header.menu" as="topHeaderMenu" translate="label">
<label>Top Menu</label>
<action method="setElementClass"><value>header_menu</value></action>
<block type="page/template_links" name="custom.menu.links">
<action method="addLink"><label>Home</label><url>/</url><title>Home</title><prepare></prepare><urlparams></urlparams><order>10</order></action>
...
</block>
</block>
</block>
Если вы используете пункты категорий в верхнем меню, вам следует создать некоторый узел в дереве категорий, специально предназначенный для верхнего меню. И назовите это так, как мы сделали для навигации по левому меню.
ОБНОВЛЕНИЕ: Вы можете сослаться на head, чтобы применить свой css:
<reference name="head">
<action method="addItem"><type>skin_css</type><name>css/your_style.css</name><params/></action>
</reference>