Древовидное (раскрывающееся) навигационное меню для магазина

1 февраля 2010 г.

Делаем раскрывающееся навигационное меню состоящее из групп (подгрупп) магазина.
Основное отличие от этого меню http://www.hostcms.ru/forums/22/1997/ заключается в том, что подгруппы-потомки отображаются только, если мы находимся в группе-родителе. Это очень удобно, когда в магазине большое количество групп (подгрупп). Описанное ниже навигационное меню будет гораздо опрятнее выглядеть и не растягиваться на несколько экранов по-вертикали.

Код для вставки меню в макет сайта (шаблон страницы):

<?
                    $shop = new shop();
                    $ShopId = 5;//Идентификатор магазина
                    $rez = array();
                    $rez = $shop->GetItemPath($ShopId);
               $xsl_catalog = 'НавигационноеМеню';//Название XSL-шаблона
               $param = array();
               $param['xml_show_group_type'] = 'all';//Отображать все группы
               $param['items_on_page'] = 1;
               $param['current_group_id'] = $rez['group'];//Выводим в XML ИД текущей группы
                    $shop->ShowShop($ShopId, $xsl_catalog, $param);
                     ?>

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="/">

      <xsl:apply-templates select="/shop"/>

   </xsl:template>

   
   <xsl:template match="/shop">
      <ul>
         <xsl:apply-templates select="group"/>
      </ul>
   </xsl:template>

   
   <xsl:template match="group">

      <xsl:variable name="parent" select="@id"/>

      <xsl:variable name="parent_group_id" select="/shop/@current_group_id"/>

      <li style="color: #663300; padding-bottom:5px">

         <xsl:if test="@id = $parent_group_id">

            <font style="font-weight:bold">

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

            </font>

         </xsl:if>

         <xsl:if test="@id != $parent_group_id">

            <a href="{/shop/path}{fullpath}" style="color: #663300">

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

            </a>

         </xsl:if>

      </li>

      <xsl:if test="(@id = $parent_group_id and count(group) > 0) or (count(group[@id = $parent_group_id]) > 0)">
         <ul style="padding-left:10px; font-size:11px; color: #663300">
            <xsl:apply-templates select="group"/>
         </ul>
      </xsl:if>

   </xsl:template>

</xsl:stylesheet>