Топ ссылок включает в себя: логин / выход из системы, мой аккаунт, мой список пожеланий, моя корзина и ссылки оформления заказа.Одно из наиболее важных различий между верхними ссылками и обычными статическими ссылками заключается в том, что при добавлении товаров в корзину или в список желаний верхние ссылки автоматически записывают товары, которые были добавлены.Пример верхних ссылок в стандартной теме Magento в шапке.Использование верхних ссылок в Magento Редактировать ссылки заголовков в Magento очень просто.Сначала мы должны вызвать блок.
<?php echo $this->getChildHtml('topLinks'); ?>
в шаблоне шаблона / page / html / header.phtml, но создаем в page.xml
<block type="page/html_header" name="header" as="header">
<block type="page/template_links" name="top.links" as="topLinks"/>
<block type="core/text_list" name="top.menu" as="topMenu"/>
</block>
Теперь нам нужно добавитьссылки на этот блок с помощью команды:
<action method="addLink" translate="label title" >...</action>
Мы делаем это в следующих XML-файлах:
Вход / Выход, Моя учетная запись - customer.xml
Моя корзина и Оформление заказа - оформить заказ.xml
Мой список желаний - wishlist.xml
Следует отметить, что ссылка на «Моя корзина» вызывается командой:
<action method="addCartLink"></action>
<action method="addCheckoutLink"></action>
Если вы хотите изменить верхние ссылки Magento, выНеобходимо знать, что все верхние ссылки основаны на шаблоне, который находится здесь: page / template / links.phtml.Здесь вы можете добавить дополнительные классы или внести необходимые изменения.
Часто люди хотят использовать отдельные ссылки.Например, Логин / Выход из системы и Моя учетная запись должны быть слева, а Мои пожелания, Моя корзина и Оформление заказа - справа.
Что-то похожее на пример ниже. Это очень легко сделать:
Откройте page.xml и создайте там еще один блок, почти идентичный «topLinks», но с именем «topLinksLeft»;
<block type="page/html_header" name="header" as="header">
<block type="page/switch" name="store_language" as="store_language" template="page/switch/languages.phtml"/>
<block type="core/text_list" name="top.menu" as="topMenu"/>
<block type="page/template_links" name="top.links" as="topLinks"/>
<block type="page/template_links" name="top.links.left" as="topLinksLeft"/>
</block>
В шаблоне шаблона / page / html / header.phtml с помощью команды:
<?php echo $this->getChildHtml('topLinksLeft'); ?>
мы можем вызвать наш блок в нужном месте
<div>
<h1 id="logo" title="<?php echo $this->getLogoAlt() ?>" style="background-image:url(<?php echo $this->getLogoSrc() ?>);"><a href="<?php echo $this->getUrl('') ?>"><?php echo $this->getLogoAlt() ?></a></h1>
<div><?php echo $this->getChildHtml('topLinksLeft') ?></div>
<?php echo $this->getChildHtml('topLinks') ?>
<?php echo $this->getChildHtml('topMenu') ?>
</div>
Когда вы это сделаете, откройте customer.xml, где мы должны изменить имя блока, который являетсяответственность за вход / выход из системы, мой аккаунт.Мы меняем его имя с «top.links» на «top.links.left», как в примере:
<customer_logged_in>
<reference name="top.links.left">
<action method="addLink" translate="label title" module="customer">
<label>My Account</label>
<url helper="customer/getAccountUrl"/>
<title>My Account</title>
<prepare/>
<urlParams/>
<position>10</position>
</action>
</reference>
<reference name="top.links.left">
<action method="addLink" translate="label title" module="customer">
<label>Log Out</label>
<url helper="customer/getLogoutUrl"/>
<title>Log Out</title>
<prepare/>
<urlParams/>
<position>100</position>
</action>
</reference>
</customer_logged_in>
Мы также можем назначить другой шаблон ссылкам слева (довольно полезно в некоторых случаях) Для этого нам просто нужно продублировать шаблон "page / template / links.phtml" и назвать его links_left.phtml.Итак, теперь у нас есть 2 шаблона «links.phtml» для правой стороны и «links_left.phtml» для левой стороны.Теперь все, что нам нужно сделать, это просто подключить его.Для подключения мы используем блок «topLinksLeft» page.xml и меняем его на links_left.phtml.
<block type="page/html_header" name="header" as="header">
<block type="page/template_links" name="top.links" as="topLinks"/>
<block type="page/template_links" name="top.links.left" as="topLinksLeft" template="page/template/links_left.phtml"/>
</block>
Теперь вы можете применять различные стили и HTML для левой и правой стороны.
Ничего себе, почти забыл о кнопке «Регистрация», которая обычно находится рядом с кнопкой «Войти / Выйти».Не беспокойтесь об этом.Как вы уже догадались, мы начнем с клиента.XML-файл, который мы делаем дальше, если мы хотим добавить кнопку «Зарегистрироваться» к верхним ссылкам:
<customer_logged_out>
<reference name="top.links">
<action method="addLink" translate="label title" module="customer">
<label>Log In</label>
<url helper="customer/getLoginUrl"/>
<title>Log In</title>
<prepare/>
<urlParams/>
<position>100</position>
</action>
<action method="addLink" translate="label title" module="customer">
<label>register</label>
<url helper="customer/getRegisterUrl"/>
<title>register</title>
<prepare/>
<urlParams/>
<position>10</position>
</action>
</reference>
</customer_logged_out>
Так что теперь вы можете изменить верхние ссылки Magento: например, добавить кнопку «Регистрация» в заголовок или даже удалитьАвторизуйтесь, если хотите, по верхним ссылкам.