Привет всем!
Я уже создавала тему html в xslt, но тут возник вопрос по сложнее, по крайне мере облазив форум, я такого типа темы не нашла, либо они были раскрыты не полностью.
У меня есть главное меню и есть меню каталога, соответственно надо обратиться ж к списку каталога, так? Хотя пока не знаю как к нему обратиться.
Главное меню у меня в добавок ко всему есть и в шапке и футере, при том у меню в футере выпадающего меню не должно быть.
У второго меню есть особенность для главной страницы у него один класс menu_dop, для всех остальных должен добавляться еще один класс menu_dop_inner, там немного меняется размер меню, для страницы контактов это меню должно быть отключено полностью.
Я так и не нашла нигде, как сделать такие запросы, хотя может банально не знаю, что именно надо искать.
1. Меню главное реализовано вот так. Проблема тут по сути только одна, выпадающая плашка появляется у всех пунктов, хотя должен быть только у того, в котором есть вложенные страницы.
P.S.: Кстати, странно, когда я навожу на подпункты, сейчас их там три, они выделяются как единая ссылка.
<!-- Header menu -->
<xsl:template match="udata[@module = 'menu']" mode="info-pages-head">
<nav class="menu">
<ul class="blockeasing">
<xsl:apply-templates select="item" mode="info-pages-head" />
</ul>
</nav>
</xsl:template>
<xsl:template match="udata[@module = 'menu']/item" mode="info-pages-head">
<li>
<a href="{@link}"><xsl:value-of select="." /></a>
<div class="menu__drop">
<div class="menu__wrap">
<ul>
<li><a href="{@link}"><xsl:apply-templates select="document(concat('udata://content/menu/0/2/', @id))/udata[items/item]" /></a></li>
</ul>
</div>
</div>
</li>
</xsl:template>
<xsl:template match="udata[@module = 'menu']/item[@status= 'active']" mode="menu">
<li class="active">
<a href="{@link}">
<xsl:value-of select="node()" />
</a>
</li>
</xsl:template>
<xsl:template match="udata[@module = 'menu']/item[@link = '/help/']" mode="info-pages-head">
<li>
<a href="{@link}" class="help">
<xsl:value-of select="node()" />
</a>
</li>
</xsl:template>
А вот в футуре не должны подгружаться выпадающие, вроде стоит node, я так поняла, это что-то вроде окончания? Просто описания не нашла(
<!-- Footer menu -->
<xsl:template match="udata[@module = 'menu']" mode="info-pages-foot">
<nav class="menu_foot">
<ul>
<xsl:apply-templates select="item" mode="info-pages-head" />
</ul>
</nav>
</xsl:template>
<xsl:template match="udata[@module = 'menu']/item" mode="info-pages-foot">
<li>
<a href="{@link}">
<xsl:value-of select="node()" />
</a>
</li>
</xsl:template>
2. А вот второе меню, я не очень понимаю, как надо вызвать ссылки из каталога, я одну нашла здесь статью, но данная там ссылка уже отсутствует (((
Хотя на самом деле проблема в том, как реализовать первый уровень меню...
Вызывается блок меню пока вот так:
<xsl:apply-templates select="document('udata://content/menu/0/2/')/udata" mode="menu1"/>
Это как выглядит в шаблоне
<xsl:template match="udata[@module = 'content'][@method = 'menu']" mode="menu1">
<nav class="menu_dop">
<div class="tabs">
<input id="tab1" type="radio" name="tabs" checked="checked" />
<label for="tab1" title="Вкладка 1" class="clinical">Тест1</label>
<input id="tab2" type="radio" name="tabs" />
<label for="tab2" title="Вкладка 2" class="cosmetology">Тест2</label>
<input id="tab3" type="radio" name="tabs" />
<label for="tab3" title="Вкладка 3" class="plastic_surgery">Тест3</label>
<input id="tab4" type="radio" name="tabs" />
<label for="tab4" title="Вкладка 4" class="stomatology">Тест4</label>
<section id="content1">
<div class="menu__wrap row-4">
<ul>
<li><a href="ophthalmology.html">Вариант1</a></li>
<li><a href="#">Вариант1</a></li>
<li><a href="#">Вариант1</a></li>
<li><a href="#">Вариант1</a></li>
</ul>
<ul>
<li><a href="#">Вариант1</a></li>
<li><a href="#">Вариант1</a></li>
<li><a href="#">Вариант1<span class="new"></span></a></li>
</ul>
</div>
</section>
<section id="content2">
<div class="menu__wrap row-3x3">
<ul>
<li><a href="#">Вариант2</a></li>
<li><a href="#">Вариант2</a></li>
<li><a class="menu__drop__link" href="#">Вариант2<span class="new"></span></a></li>
</ul>
<ul>
<li><a href="#">Вариант2</a></li>
<li><a href="#">Вариант2</a></li>
<li><a href="#">Вариант2</a></li>
</ul>
<ul>
<li><a href="#">Вариант2</a></li>
</ul>
</div>
</section>
<section id="content3">
<div class="menu__wrap row-3x3">
<ul>
<li><a href="#">Вариант3</a></li>
<li><a href="#">Вариант3</a>
<span class="polygon"></span>
<div class="under_menu">
<div class="block-link">
<span><a href="#" class="orange">Акции</a></span>
<span><a href="#" class="blue">Цены</a></span>
<span><a href="#" class="grey">Вариации</a></span>
</div>
<div class="block-info">
<div class="list-services">
<a href="#">Вариант3-1</a>
<a href="#">Вариант3-1</a>
<a href="#">Вариант3-1</a>
<a href="#">Вариант3-1</a>
<a href="#">Вариант3-1</a>
<a href="#">Вариант3-1</a>
<a href="#">Вариант3-1</a>
</div>
<div class="carousel-container">
<ul class="carousel">
<li>
<img src="upload/spec1.png" alt="" />
<big>Имя</big>
<small>Фамилия</small>
<a href="#win1" class="apply">записаться</a>
</li>
<li>
<img src="upload/spec2.png" alt="" />
<big>Имя</big>
<small>Фамилия</small>
<a href="#win1" class="apply">записаться</a>
</li>
<li>
<img src="upload/spec3.png" alt="" />
<big>Имя</big>
<small>Фамилия</small>
<a href="#win1" class="apply">записаться</a>
</li>
<li>
<img src="upload/spec4.png" alt="" />
<big>Имя</big>
<small>Фамилия</small>
<a href="#win1" class="apply">записаться</a>
</li>
<li>
<img src="upload/spec5.png" alt="" />
<big>Имя</big>
<small>Фамилия</small>
<a href="#win1" class="apply">записаться</a>
</li>
<li>
<img src="upload/spec6.png" alt="" />
<big>Имя</big>
<small>Фамилия</small>
<a href="#win1" class="apply">записаться</a>
</li>
<li>
<img src="upload/spec7.png" alt="" />
<big>Имя</big>
<small>Фамилия</small>
<a href="#win1" class="apply">записаться</a>
</li>
<li>
<img src="upload/spec8.png" alt="" />
<big>Имя</big>
<small>Фамилия</small>
<a href="#win1" class="apply">записаться</a>
</li>
<li>
<img src="upload/spec9.png" alt="" />
<big>Имя</big>
<small>Фамилия</small>
<a href="#win1" class="apply">записаться</a>
</li>
</ul>
<button class="prev"></button>
<button class="next"></button>
</div>
</div>
</div>
</li>
<li><a href="#">Вариант3</a></li>
</ul>
<ul>
<li><a href="#">Вариант3</a></li>
<li><a href="#">Вариант3</a></li>
<li><a href="#">Вариант3</a></li>
</ul>
</div>
</section>
<section id="content4">
<div class="menu__wrap row-3x4">
<ul>
<li><a href="#">Вариант4</a></li>
<li><a href="#">Вариант4</a></li>
<li><a href="#">Вариант4</a></li>
<li><a href="#">Вариант4</a></li>
</ul>
<ul>
<li><a href="#">Вариант4</a></li>
<li><a href="#">Вариант4</a></li>
<li><a href="#">Вариант4<span class="new"></span></a></li>
<li><a href="#">Вариант4</a></li>
</ul>
</div>
</section>
</div>
</nav>
</xsl:template>
<xsl:template match="item" mode="menu1">
<li>
<a href="{@link}">
<xsl:value-of select="@name"/>
</a>
</li>
</xsl:template>
<xsl:template match="item[@status = 'active']" mode="menu1">
<li>
<a href="{@link}" class="active">
<xsl:value-of select="@name"/>
</a>
</li>
</xsl:template>