Предлагаю вариант вывода меню магазина в виде раскрывающегося списка средствами JS+XSL
Приведенный метод будет полезен в рервую очередь тем, у кого длинный список категорий товаров и доступ к категориям необходим сквозной на всех страницах, но длииные списки портят общую картину.
<?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">
<xsl:variable name="domen" select="/document/site/alias[@alias_current='1']/alias_name"/>
<script type="text/javascript">
function toggle(id)
{
var o = document.getElementById('n' + id);
var p = document.getElementById('p' + id);
if ( 'none' == o.style.display )
{
o.style.display = 'block';
p.src = 'http://<xsl:value-of select="$domen"/>/minus.gif';
}
else
{
o.style.display = 'none';
p.src = 'http://<xsl:value-of select="$domen"/>/plus.gif';
}
}
</script>
<table border="0" width="100%" height="200" cellspacing="0" cellpadding="0" style="margin-left:4px; margin-right:4px;">
<tr>
<td width="100%" class="menu_line"></td>
</tr>
<!-- Выбираем узлы структуры -->
<xsl:apply-templates select="structure[show=1]"/>
</table>
</xsl:template>
<xsl:template match="structure">
<!-- Запишем в константу ID структуры, данные для которой будут выводиться пользователю -->
<xsl:variable name="current_structure_id" select="/document/structure/current_structure_id"/>
<xsl:variable name="domen" select="/document/site/alias[@alias_current='1']/alias_name"/>
<tr>
<td width="100%">
<!-- Расчитываем размер отступа -->
<xsl:variable name="padding" select="level * 10"/>
<xsl:variable name="idx" select="string(@id)"/>
<xsl:variable name="pidx" select="concat('p',string($idx))"/>
<xsl:variable name="nidx" select="concat('n',string($idx))"/>
<xsl:variable name="level" select="/document/shop_path/level"/>
<div style="padding-left: {$padding}px;">
<xsl:if test="@id=42">
<a href="JavaScript:void(0)" onclick="toggle('{$idx}');">
<xsl:choose>
<xsl:when test="$level=-1">
<img id="{$pidx}" class="p_m" border="0" src="http://{$domen}/plus.gif"/>
</xsl:when>
<xsl:otherwise>
<img id="{$pidx}" class="p_m" border="0" src="http://{$domen}/minus.gif"/>
</xsl:otherwise>
</xsl:choose>
</a>
</xsl:if>
<!-- Показывать ссылку, или нет -->
<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>
<!-- Выделяем текущую страницу жирным (если это текущая страница, либо у нее есть ребенок с ID, равным текущей) -->
<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}">
<span style="{$link_style}">
<xsl:value-of disable-output-escaping="yes" select="name"/>
</span>
</a>
</xsl:if>
<!-- Если не показывать ссылку - выводим просто имя ссылки -->
<xsl:if test="show_link=0">
<xsl:value-of disable-output-escaping="yes" select="name"/>
</xsl:if>
</div>
<xsl:if test="@id=42">
<xsl:variable name="block">
<xsl:choose>
<xsl:when test="$level=-1">none</xsl:when>
<xsl:otherwise>block</xsl:otherwise>
</xsl:choose>
</xsl:variable>
<div id="{$nidx}" style="display: {$block}">
<xsl:apply-templates mode="catalog1" select="structure"/>
</div>
</xsl:if>
</td>
</tr>
<tr>
<td width="100%" class="menu_line"></td>
</tr>
</xsl:template>
<xsl:template match="structure" mode="catalog1">
<xsl:variable name="domen" select="/document/site/alias[@alias_current='1']/alias_name"/>
<xsl:if test="level=0">
<xsl:variable name="padding" select="(level+1) * 10"/>
<xsl:variable name="idx" select="string(@id)"/>
<xsl:variable name="pidx" select="concat('p',string($idx))"/>
<xsl:variable name="nidx" select="concat('n',string($idx))"/>
<xsl:variable name="group" select="/document/shop_path/group"/>
<xsl:variable name="group_name" select="concat('group_',$group)"/>
<div style="padding-left: {$padding}px;">
<img border="0" src="/images/menu_point.gif" class="menu_point" width="4" height="7"/>
<a href="JavaScript:void(0)" onclick="toggle('{$idx}');">
<xsl:choose>
<xsl:when test="$group_name=$idx">
<img id="{$pidx}" class="p_m" border="0" src="http://{$domen}/minus.gif"/>
</xsl:when>
<xsl:otherwise>
<img id="{$pidx}" class="p_m" border="0" src="http://{$domen}/plus.gif"/>
</xsl:otherwise>
</xsl:choose>
</a>
<!-- Показывать ссылку, или нет -->
<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>
<a href="{$link}">
<span style="font-weight: bold">
<xsl:value-of disable-output-escaping="yes" select="name"/>
</span>
</a>
</xsl:if>
</div>
<xsl:variable name="block">
<xsl:choose>
<xsl:when test="$group_name=$idx">block</xsl:when>
<xsl:otherwise>none</xsl:otherwise>
</xsl:choose>
</xsl:variable>
<div id="{$nidx}" style="display: {$block}">
<xsl:variable name="pid" select="substring(@id,7,5)"/>
<xsl:apply-templates mode="catalog2" select="structure[id_parent=$pid]"/>
</div>
</xsl:if>
</xsl:template>
<xsl:template match="structure" mode="catalog2">
<xsl:if test="level=1">
<xsl:variable name="padding" select="(level+2) * 10"/>
<div style="padding-left: {$padding}px;">
<img border="0" src="/images/menu_point.gif" class="menu_point" width="4" height="7"/>
<!-- Показывать ссылку, или нет -->
<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>
<a href="{$link}">
<span style="">
<xsl:value-of disable-output-escaping="yes" select="name"/>
</span>
</a>
</xsl:if>
</div>
</xsl:if>
</xsl:template>
</xsl:stylesheet>
Вот и все.
