#1 2011-04-18 01:07

adv2010
Пользователь

Выделение пункта меню, присвоение класса пункту меню активной страницы

Как в Webasyst сделать выделенным тот элемент меню, на котором посетитель в данный момент находиться?
Понятно, что через скрипт определяющий и сравнивающий текущую страницу с ссылкой в меню и присвоение класса пункту меню. Буду признателен за подробный пример кода полностью (скрипт, код меню и css ). Пробовал php: http://www.kaksozdatsait.ru/vydelenie-e … anice.html и java отсюда: http://forum.kan-studio.ru/viewtopic.php?id=372, не получается.

Неактивен

 

#2 2011-04-18 08:18

mdss
Пользователь

Re: Выделение пункта меню, присвоение класса пункту меню активной страницы

Неактивен

 

#3 2011-04-19 14:53

adv2010
Пользователь

Re: Выделение пункта меню, присвоение класса пункту меню активной страницы

Спасибо за наводку,
может пригодится кому пример кода

Код:

<ul>
        <li {if $smarty.get.categoryID eq 111}class="current" {else}class="navi" {/if}><a href="#">1</a></li>
        <li {if $smarty.get.categoryID eq 112}class="current" {else}class="navi" {/if}><a href="#">2</a></li>
</ul>

Соответственно в css прописываем классы .current  и .navi или как сами их назовете

Неактивен

 

#4 2011-04-19 23:34

adv2010
Пользователь

Re: Выделение пункта меню, присвоение класса пункту меню активной страницы

Захожу в категорию - работает, перехожу в продукт этой категории - не работает, хотя по идее должно... Подскажите, в чем ошибка? Или надо вписывать productID всеx продуктов категории для каждого пункта? Представляется, что это совсем не рационально )

Неактивен

 

#5 2011-04-20 10:19

rat
Администратор

Re: Выделение пункта меню, присвоение класса пункту меню активной страницы

adv2010 написал:

Как в Webasyst сделать выделенным тот элемент меню, на котором посетитель в данный момент находиться?

Что конкретно вы подразумеваете под "элементом меню"?

Неактивен

 

#6 2011-04-20 10:39

adv2010
Пользователь

Re: Выделение пункта меню, присвоение класса пункту меню активной страницы

rat написал:

adv2010 написал:

Как в Webasyst сделать выделенным тот элемент меню, на котором посетитель в данный момент находиться?

Что конкретно вы подразумеваете под "элементом меню"?

пункт <li>
для примера, в не активном состоянии свойства класса:
        border-bottom: 24px solid F2F2F2;
        border-right: 24px solid transparent;
        margin-right: -10px;
        filter: alpha(opacity=45);
        opacity: 0.45;

в активном другой цвет и прозрачность, в общем нужно менять класс именно <li>

Неактивен

 

#7 2011-04-20 11:38

rat
Администратор

Re: Выделение пункта меню, присвоение класса пункту меню активной страницы

adv2010 написал:

пункт <li>

Где именно на странице находится этот пункт?

Неактивен

 

#8 2011-04-20 11:53

adv2010
Пользователь

Re: Выделение пункта меню, присвоение класса пункту меню активной страницы

rat написал:

adv2010 написал:

пункт <li>

Где именно на странице находится этот пункт?

Это меню категорий,

Код:

        <div id="page-content">
            <table class="layout-table">
                <tbody>
                    <tr>
                        <td style="padding: 0 0 0 0;">
                            <div class="main_menu">
                                <ul class="menu">
                                    <li {if $smarty.get.categoryID eq 1646}class="current" {else}class="tab" {/if}><a href="/shop/category/#/" class="tab-text">1</a></li>
                                    <li {if $smarty.get.categoryID eq 1647}class="current" {else}class="tab" {/if}><a href="/shop/category/#/" class="tab-text">2</a></li>
                                    <li {if $smarty.get.categoryID eq 1648}class="current" {else}class="tab" {/if}><a href="/shop/category/#/" class="tab-text">3</a></li>
                                    <li {if $smarty.get.categoryID eq 1650}class="current" {else}class="tab" {/if}><a href="/shop/category/#/" class="tab-text">4</a></li>

Неактивен

 

#9 2011-04-20 12:29

rat
Администратор

Re: Выделение пункта меню, присвоение класса пункту меню активной страницы

Вообще-то в стандартном виде скрипты присваивают суффикс _current к имени класса элемента LI, в котором содержится имя текущей категории товаров. Установите скрипты на тестовый сервер/поддомен и проверьте это. Или у вас индивидуально разработанный шаблон дизайна и ни одна из стандартных тем не используется?

Неактивен

 

#10 2011-04-20 16:10

adv2010
Пользователь

Re: Выделение пункта меню, присвоение класса пункту меню активной страницы

Работаю на веб-сервисе удалив предварительно из темы содержимое. Подозревал, что существует предусмотренный класс, но искал li.active ничего не нашел, естественно. Спасибо за разъяснение!

Неактивен

 

#11 2012-09-11 17:00

vicsk
Пользователь

Re: Выделение пункта меню, присвоение класса пункту меню активной страницы

А как присвоить class="active" для активной ссылки информационной страницы, в auxpage_navigation, когда пользователь находится в этой информ.странице?

Неактивен

 

#12 2012-09-11 17:54

rat
Администратор

Re: Выделение пункта меню, присвоение класса пункту меню активной страницы

Неактивен

 

#13 2014-02-16 15:36

shtemp_hot@list.ru
Пользователь

Re: Выделение пункта меню, присвоение класса пункту меню активной страницы

Вот код:

Код:

{foreach $wa->apps() as $pages name="foo"}
<li><a {if $smarty.server.REQUEST_URI!==$pages.url|escape:'htmlall'} href="{$pages.url}" {/if}{if $pages.id == $wa_app} class="selected"{/if}>{$pages.name}</a></li>
{/foreach}

Ключевой момент здесь:

Код:

 {if $smarty.server.REQUEST_URI!==$pages.url|escape:'htmlall'} href="{$pages.url}" {/if}

Неактивен

 

#14 2015-02-04 16:49

sergfes
Пользователь

Re: Выделение пункта меню, присвоение класса пункту меню активной страницы

rat написал:

Вообще-то в стандартном виде скрипты присваивают суффикс _current к имени класса элемента LI, в котором содержится имя текущей категории товаров. Установите скрипты на тестовый сервер/поддомен и проверьте это. Или у вас индивидуально разработанный шаблон дизайна и ни одна из стандартных тем не используется?

rat помогите прописать правильно selected или current, если у меня боковое меню категорий не родное.
Чтобы присваивался selected для текущей категории в меню, даже если находишься не только в категории, но и в товаре.
Заранее благодарен.

Неактивен

 

Board footer

Powered by PunBB