Суперменю для магазина
28 февраля 2010 г.
Предлагаю к использованию многофункциональное меню для магазина, которое показывает группы магазина, товары, убирает и выделяет в меню ссылку со страницы товара (т.к. никчему для оптимизации находясь на странице иметь ссылку на неё же), выделяет и раскрывает раздел в котором находтся пользователь. Может разворачивать и сворачивать разделы...
Работает даже в IE 5.5
Пример в моём магазине:
Может показывать разделы и элементы инфосистемы.
Может показывать структуры
Ну вобщем пробуем и высказываемся.
1) качаем и распаковываем на свой сервер архив со скриптами: (с директорией как оно есть в корень)
2) в макете для магазина показываем эти скрипты и дописывае скриптец:
<LINK rel=stylesheet type=text/css href="/gm_map/style.css">
<SCRIPT language=JavaScript src="/gm_map/script.php"></SCRIPT>
<LINK rel=stylesheet href="/gm_map/treeview.css">
<SCRIPT type=text/javascript src="/gm_map/jquery.js"></SCRIPT>
<SCRIPT type=text/javascript src="/gm_map/treeview.js"></SCRIPT>
<script type="text/javascript">
$(document).ready(function(){
$("#browser").treeview({
toggle: function() {
console.log("%s was toggled.", $(this).find(">span").text());
}
});
$("#add").click(function() {
var branches = $("<li><span class='folder'>New Sublist</span><ul>" +
"<li><span class='file'>Item1</span></li>" +
"<li><span class='file'>Item2</span></li></ul></li>").appendTo("#browser");
$("#browser").treeview({
add: branches
});
});
});
</script>
3) Создаём XSL МенюМагазина:
4) ну и наконец показываем меню в шаблоне страницы для магазина (не забудьте указать свой идентефикатор узла структуры магазина!!!):
Работает даже в IE 5.5
Пример в моём магазине:
Может показывать разделы и элементы инфосистемы.
Может показывать структуры
Ну вобщем пробуем и высказываемся.
1) качаем и распаковываем на свой сервер архив со скриптами: (с директорией как оно есть в корень)
2) в макете для магазина показываем эти скрипты и дописывае скриптец:
<LINK rel=stylesheet type=text/css href="/gm_map/style.css">
<SCRIPT language=JavaScript src="/gm_map/script.php"></SCRIPT>
<LINK rel=stylesheet href="/gm_map/treeview.css">
<SCRIPT type=text/javascript src="/gm_map/jquery.js"></SCRIPT>
<SCRIPT type=text/javascript src="/gm_map/treeview.js"></SCRIPT>
<script type="text/javascript">
$(document).ready(function(){
$("#browser").treeview({
toggle: function() {
console.log("%s was toggled.", $(this).find(">span").text());
}
});
$("#add").click(function() {
var branches = $("<li><span class='folder'>New Sublist</span><ul>" +
"<li><span class='file'>Item1</span></li>" +
"<li><span class='file'>Item2</span></li></ul></li>").appendTo("#browser");
$("#browser").treeview({
add: branches
});
});
});
</script>
3) Создаём 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:key name='menu-curr' match="*[@href = $request-uri]" use='ancestor::group / link / @href'/>
<xsl:template match="/document">
<div id='main' style="padding-top: -100px"><!-- Выбираем узлы структуры -->
<ul id="browser" class="filetree treeview-famfamfam"><xsl:apply-templates select="structure[show=1]"/>
</ul></div>
</xsl:template>
<xsl:template match="structure">
<!-- этот код и в конце темплейта (закрывающий) убираем если хотим увидеть структуры которые находятся внутри выбранной структуры -->
<xsl:if test="contains(@id, 'item_') = 'True' or contains(@id, 'group_') = 'True'">
<xsl:variable name="current_structure_id">
<xsl:choose>
<xsl:when test="/document/item/node()">item_<xsl:value-of select="/document/item"/></xsl:when>
<xsl:when test="/document/group/node()">group_<xsl:value-of select="/document/group"/></xsl:when>
<xsl:otherwise>
<xsl:value-of select="/document/structure/current_structure_id"/>
</xsl:otherwise>
</xsl:choose>
</xsl:variable>
<li >
<xsl:if test="not($current_structure_id = @id or count(.//structure[@id=$current_structure_id]) = 1)">
<xsl:attribute name="class">closed</xsl:attribute>
</xsl:if>
<!-- Расчитываем размер отступа -->
<xsl:variable name="padding" select="level * 0"/>
<!-- Показывать ссылку, или нет -->
<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:when test="current_structure_id=1"></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:when test="@id=$current_structure_id">font-weight: bold</xsl:when>
<!-- Иначе обычный вывод с пустым стилем -->
<xsl:otherwise></xsl:otherwise>
</xsl:choose>
</xsl:variable>
<!-- Выводим ссылку убираем class="folder" и class="file" если не нужны украшательства -->
<xsl:choose>
<xsl:when test="count(structure) > 0">
<span class="folder" style="{$link_style}"><a href='{$link}' ><xsl:value-of disable-output-escaping="yes" select="name"/><font color="#009933">(<xsl:value-of select="count(.//structure[starts-with(@id, 'item_') = 'True'])"/>)</font></a></span>
</xsl:when>
<xsl:when test="@id=$current_structure_id">
<span class="file" style="{$link_style}"><xsl:value-of disable-output-escaping="yes" select="name"/></span>
</xsl:when>
<xsl:otherwise>
<a href="{$link}"><span class="file" ><xsl:value-of disable-output-escaping="yes" select="name"/></span></a>
</xsl:otherwise>
</xsl:choose>
</xsl:if>
<xsl:if test="count(structure[show=1]) > 0">
<ul>
<!-- Выбираем узлы структуры -->
<xsl:apply-templates select="structure[show=1]"/>
</ul>
</xsl:if>
</li>
</xsl:if>
</xsl:template>
</xsl:stylesheet>
<!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:key name='menu-curr' match="*[@href = $request-uri]" use='ancestor::group / link / @href'/>
<xsl:template match="/document">
<div id='main' style="padding-top: -100px"><!-- Выбираем узлы структуры -->
<ul id="browser" class="filetree treeview-famfamfam"><xsl:apply-templates select="structure[show=1]"/>
</ul></div>
</xsl:template>
<xsl:template match="structure">
<!-- этот код и в конце темплейта (закрывающий) убираем если хотим увидеть структуры которые находятся внутри выбранной структуры -->
<xsl:if test="contains(@id, 'item_') = 'True' or contains(@id, 'group_') = 'True'">
<xsl:variable name="current_structure_id">
<xsl:choose>
<xsl:when test="/document/item/node()">item_<xsl:value-of select="/document/item"/></xsl:when>
<xsl:when test="/document/group/node()">group_<xsl:value-of select="/document/group"/></xsl:when>
<xsl:otherwise>
<xsl:value-of select="/document/structure/current_structure_id"/>
</xsl:otherwise>
</xsl:choose>
</xsl:variable>
<li >
<xsl:if test="not($current_structure_id = @id or count(.//structure[@id=$current_structure_id]) = 1)">
<xsl:attribute name="class">closed</xsl:attribute>
</xsl:if>
<!-- Расчитываем размер отступа -->
<xsl:variable name="padding" select="level * 0"/>
<!-- Показывать ссылку, или нет -->
<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:when test="current_structure_id=1"></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:when test="@id=$current_structure_id">font-weight: bold</xsl:when>
<!-- Иначе обычный вывод с пустым стилем -->
<xsl:otherwise></xsl:otherwise>
</xsl:choose>
</xsl:variable>
<!-- Выводим ссылку убираем class="folder" и class="file" если не нужны украшательства -->
<xsl:choose>
<xsl:when test="count(structure) > 0">
<span class="folder" style="{$link_style}"><a href='{$link}' ><xsl:value-of disable-output-escaping="yes" select="name"/><font color="#009933">(<xsl:value-of select="count(.//structure[starts-with(@id, 'item_') = 'True'])"/>)</font></a></span>
</xsl:when>
<xsl:when test="@id=$current_structure_id">
<span class="file" style="{$link_style}"><xsl:value-of disable-output-escaping="yes" select="name"/></span>
</xsl:when>
<xsl:otherwise>
<a href="{$link}"><span class="file" ><xsl:value-of disable-output-escaping="yes" select="name"/></span></a>
</xsl:otherwise>
</xsl:choose>
</xsl:if>
<xsl:if test="count(structure[show=1]) > 0">
<ul>
<!-- Выбираем узлы структуры -->
<xsl:apply-templates select="structure[show=1]"/>
</ul>
</xsl:if>
</li>
</xsl:if>
</xsl:template>
</xsl:stylesheet>
4) ну и наконец показываем меню в шаблоне страницы для магазина (не забудьте указать свой идентефикатор узла структуры магазина!!!):
<?php
$Structure = & singleton('Structure');
$xsl = "МенюМагазина";
$param = array();
/* Показывать группы информационных систем в карте сайта если указанная ниже структура позволяет */
$param['show_groups'] = false;
/* Показывать элементы информационных систем в карте сайта */
$param['show_items'] = false;
/* Показывать группы магазина в карте сайта */
$param['show_shop_groups'] = true;
/* Показывать товары магазина в карте сайта */
$param['show_shop_items'] = true;
$structure_parent_id = 330; // Здесь идентификатор узла структуры магазина если поставить ноль то будет для всего сайта
$param['parent_id'] = $structure_parent_id;
$external_propertys = array();
if (class_exists('shop'))
{
$shop = & singleton('shop');
$shop_row = $shop->GetShopWhithStructureId(CURRENT_STRUCTURE_ID, CURRENT_SITE);
if ($shop_row)
{
$result = $shop->GetItemPath($shop_row['shop_shops_id'], '', false);
if ($result['item'])
{
$item_id = $result['item'];
if ($item_id != 0)
{
$external_propertys['item'] = $item_id;
}
}
else
{
$item_id = false;
}
if (is_array($result) && $result['group'] > 0)
{
$external_propertys['group'] = $result['group'];
}
}
}
$Structure->ShowStructure(false, $xsl, $param, $external_propertys);
?>
Особые благодарности "h4mpy - " Антону Сергеевичу за помощь в доработке $Structure = & singleton('Structure');
$xsl = "МенюМагазина";
$param = array();
/* Показывать группы информационных систем в карте сайта если указанная ниже структура позволяет */
$param['show_groups'] = false;
/* Показывать элементы информационных систем в карте сайта */
$param['show_items'] = false;
/* Показывать группы магазина в карте сайта */
$param['show_shop_groups'] = true;
/* Показывать товары магазина в карте сайта */
$param['show_shop_items'] = true;
$structure_parent_id = 330; // Здесь идентификатор узла структуры магазина если поставить ноль то будет для всего сайта
$param['parent_id'] = $structure_parent_id;
$external_propertys = array();
if (class_exists('shop'))
{
$shop = & singleton('shop');
$shop_row = $shop->GetShopWhithStructureId(CURRENT_STRUCTURE_ID, CURRENT_SITE);
if ($shop_row)
{
$result = $shop->GetItemPath($shop_row['shop_shops_id'], '', false);
if ($result['item'])
{
$item_id = $result['item'];
if ($item_id != 0)
{
$external_propertys['item'] = $item_id;
}
}
else
{
$item_id = false;
}
if (is_array($result) && $result['group'] > 0)
{
$external_propertys['group'] = $result['group'];
}
}
}
$Structure->ShowStructure(false, $xsl, $param, $external_propertys);
?>
1 марта 2010 г.
20 августа 2010 г.
kvasiliy писал(а):
Не работает ссылка на скачивание
1) качаем и распаковываем на свой сервер архив со скриптами: (с директорией как оно есть в корень)
Не работает ссылка на скачивание
20 августа 2010 г.
20 августа 2010 г.
14 сентября 2010 г.
Ссылка не работает 
14 сентября 2010 г.
Киньте архивчик если не трудно на myportatorТУЗИКgmail.com
Заранее благодарен.
на myportatorТУЗИКgmail.comЗаранее благодарен.
15 сентября 2010 г.
4 октября 2010 г.
11 октября 2010 г.
