Древовидный вывод меню магазина

Модератор 2 апреля 2009 г.

Re: Древовидный вывод меню магазина

compaq,
Прочему Вы не попробовали сами разобраться и показать, что у Вас получилось?

Имеем HTML:

<ul id="my-menu" class="sample-menu">
 <li><a href="#0">Рибы (название магазина, корневые товары)</a>

 <ul><li><a href="#0">Риб 01</a></li>
 <li><a href="#0">Риб 02</a></li>
 <li><a href="#0">Риб 03</a></li>
 <li><a href="#0">Риб 04</a></li>
 </ul></li>
 <li><a href="#0">Надувные модульные сооружения(группы товаров)</a>

 <ul><li><a href="#0">Палатки</a></li>
 <li><a href="#0">Боксы для техники</a></li>
 <li><a href="#0">Ангары</a></li>
 </ul>
 </li>
 <li><a href="#0">Пневмо-надувные конструкции(группы товаров)</a>
 <ul>

 <li><a href="#0">Боновые заграждения</a></li>
 <li><a href="#0">Мягкие емкости для хранения технических жидкостей</a></li>
 </ul>
 </li>
 <li><a href="#0">Средства спасения и эвакуации(группы товаров)</a>
 <ul><li><a href="#0">Плоты</a></li>
 <li><a href="#0">Надувные трапы</a></li>

 <li><a href="#0">Надувные спасательные жилеты</a></li>
 </ul>
 </li>
 </ul>

На сколько я понимаю, нужно для UL верхнего уровня прописать

id="my-menu" class="sample-menu"

Я правильно понимаю?

2 апреля 2009 г.

Re: Древовидный вывод меню магазина

да, для работы нужно указать только id и сlass у верхнего (главного если быть точней) UL

я пробывал, даю как раз id и class у UL но не вижу результата.

_winboat.ru - слева находится вот над чем сижу =)

ку

2 апреля 2009 г.

Re: Древовидный вывод меню магазина

<?xml version="1.0" encoding="windows-1251"?>
<!DOCTYPE xsl:stylesheet>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
 <xsl:output xmlns="http://www.w3.org/TR/xhtml1/strict" doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN" encoding="Windows-1251" indent="yes" method="html" omit-xml-declaration="no" version="1.0" media-type="text/xml"/>

 <xsl:template match="/document">

 <ul class="sample-menu" id="my-menu">
 
 <xsl:apply-templates select="structure[show=1]"/>
 </ul>
 </xsl:template>

 <xsl:template match="structure">
 <li>
 

 <xsl:variable name="current_structure_id" select="/document/structure/current_structure_id"/>

 
 <xsl:variable name="padding" select="level * 10"/>

 
 <xsl:if test="show_link = 1">

 
 <xsl:variable name="link">
 <xsl:choose>
 
 <xsl:when test="is_external_link=1">
 <xsl:value-of disable-output-escaping="yes" select="external_link"/>
 </xsl:when>
 
 <xsl:otherwise>
 <xsl:value-of disable-output-escaping="yes" select="link"/>
 </xsl:otherwise>
 </xsl:choose>
 </xsl:variable>

 
 <xsl:variable name="link_style">
 <xsl:choose>
 
 <xsl:when test="current_structure_id=@id or count(.//structure[@id=$current_structure_id])=1">font-weight: bold</xsl:when>
 
 <xsl:otherwise></xsl:otherwise>
 </xsl:choose>
 </xsl:variable>

 <a href="{$link}">
 
 <xsl:value-of disable-output-escaping="yes" select="name"/>
 
 </a>
 </xsl:if>

 
 <xsl:if test="show_link=0">
 
 <xsl:value-of disable-output-escaping="yes" select="name"/>
 </xsl:if>


 

 
 
 

 
 <xsl:if test="count(structure[show=1]) > 0">

 
 <xsl:apply-templates select="structure[show=1]"/>

 </xsl:if>
 </li>
 </xsl:template>
 </xsl:stylesheet>

ку

Модератор 3 апреля 2009 г.

Re: Древовидный вывод меню магазина

compaq,
у Вас слева и выводится

<ul class="sample-menu" id="my-menu">
 <li><a href="/product/price/">Прайс-лист</a></li>
 <li><a href="/product/naduvnye-modulnye-sooruzhenija/">Надувные
 модульные сооружения</a>


 <li><a href="/product/naduvnye-modulnye-sooruzhenija/palatki/">Палатки</a></li>
 <li><a
 href="/product/naduvnye-modulnye-sooruzhenija/boksy-dlja-tekhniki/">Боксы для техники</a></li>
 <li><a href="/product/naduvnye-modulnye-sooruzhenija/angary/">Ангары</a></li>
 </li>
 <li><a href="/product/pnevmo-naduvnye-konstruktsii/">Пневмо-надувные
 конструкции</a>


 <li><a href="/product/pnevmo-naduvnye-konstruktsii/palatki/">Боновые заграждения</a></li>
 <li><a
 href="/product/pnevmo-naduvnye-konstruktsii/mjagkie-emkosti-dlja-khranenija-tekhnicheskikh-zhidkostejj/">Мягкие емкости для хранения технических жидкостей</a></li>
 </li>
 <li><a href="/product/sredstva-spasenija-i-evakuatsii/">Средства
 спасения и эвакуации</a>


 <li><a href="/product/sredstva-spasenija-i-evakuatsii/ploty/">Плоты</a></li>
 <li><a href="/product/sredstva-spasenija-i-evakuatsii/naduvnye-trapy/">Надувные трапы</a></li>
 <li><a
 href="/product/sredstva-spasenija-i-evakuatsii/naduvnye-spasatelnye-zhilety/">Надувные спасательные жилеты</a></li>
 </li>
 <li><a href="/product/winboat-r280/">WINboat 280R</a></li>
 <li><a href="/product/winboat-r360/">WINboat 360R</a></li>
 <li><a href="/product/winboat-r360-c/">WINboat 360RC
 (складной РИБ!)</a></li>
 <li><a href="/product/winboat-r4/">WINboat R4</a></li>
 <li><a href="/product/winboat-r4-d/">WINboat R4D</a></li>
 <li><a href="/product/winboat-r5/">WINboat R5</a></li>
 <li><a href="/product/winboat-r5-t/">WINboat R5Pro</a></li>
 <li><a href="/product/winboat-r5-lux/">WINboat 500R</a></li>
</ul>

я не вижу ни одного вложенного <ul>

Модератор 3 апреля 2009 г.

Re: Древовидный вывод меню магазина

добавьте

<?xml version="1.0" encoding="windows-1251"?>
<!DOCTYPE xsl:stylesheet>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
 <xsl:output xmlns="http://www.w3.org/TR/xhtml1/strict" doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN" encoding="Windows-1251" indent="yes" method="html" omit-xml-declaration="no" version="1.0" media-type="text/xml"/>

 <xsl:template match="/document">

 <ul class="sample-menu" id="my-menu">
 
 <xsl:apply-templates select="structure[show=1]"/>
 </ul>
 </xsl:template>

 <xsl:template match="structure">
 <li>
 

 <xsl:variable name="current_structure_id" select="/document/structure/current_structure_id"/>

 
 <xsl:variable name="padding" select="level * 10"/>

 
 <xsl:if test="show_link = 1">

 
 <xsl:variable name="link">
 <xsl:choose>
 
 <xsl:when test="is_external_link=1">
 <xsl:value-of disable-output-escaping="yes" select="external_link"/>
 </xsl:when>
 
 <xsl:otherwise>
 <xsl:value-of disable-output-escaping="yes" select="link"/>
 </xsl:otherwise>
 </xsl:choose>
 </xsl:variable>

 
 <xsl:variable name="link_style">
 <xsl:choose>
 
 <xsl:when test="current_structure_id=@id or count(.//structure[@id=$current_structure_id])=1">font-weight: bold</xsl:when>
 
 <xsl:otherwise></xsl:otherwise>
 </xsl:choose>
 </xsl:variable>

 <a href="{$link}">
 
 <xsl:value-of disable-output-escaping="yes" select="name"/>
 
 </a>
 </xsl:if>

 
 <xsl:if test="show_link=0">
 
 <xsl:value-of disable-output-escaping="yes" select="name"/>
 </xsl:if>


 

 
 
 

 
 <xsl:if test="count(structure[show=1]) > 0">
 <ul>
 
 <xsl:apply-templates select="structure[show=1]"/>
 </ul>
 </xsl:if>
 </li>
 </xsl:template>
 </xsl:stylesheet>

3 апреля 2009 г.

Re: Древовидный вывод меню магазина

спасибо вам, вот теперь ясно! запутался окончательно

natalya писал(а):

compaq писал (а):но беспорядок остается — сортировку элементов можно задавать непосредственно в XSL-шаблоне. См. описание элемента xsl:sort.

Наталья писала про сортировку, задача в этом получившемся меню в начала отобразить товары которые в корне - они сейчас в конце. Получиться это реализовать?

Так же как и

natalya писал(а):

compaq писал (а):ненужные элементы — уберите для «ненужных» узлов галочку «Отображать в меню сайта» при их редактировании. Если нужно, чтобы в другом меню эти узлы все-таки отображались, то ограничить их можно с помощью доп. свойств узлов, например.

Прайс в данном случае выводить не нужно и канечно хочется его убрать.

по второму моменту не понял, в каком направлении двигатьcя?

ку

Авторизация