Старый форум WebAsyst и Shop-Script / Выделение пункта меню, присвоение класса пункту меню активной страницы

adv2010 · 2011-04-18 01:07

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

mdss · 2011-04-18 08:18

http://www.webasyst.ru/support/help/sma … tions.html

adv2010 · 2011-04-19 14:53

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

Код:

<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 или как сами их назовете

adv2010 · 2011-04-19 23:34

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

rat · 2011-04-20 10:19

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

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

adv2010 · 2011-04-20 10:39

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>

rat · 2011-04-20 11:38

adv2010 написал:
пункт <li>

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

adv2010 · 2011-04-20 11:53

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>

rat · 2011-04-20 12:29

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

adv2010 · 2011-04-20 16:10

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

vicsk · 2012-09-11 17:00

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

rat · 2012-09-11 17:54

http://forum.webasyst.ru/viewtopic.php?id=6943

shtemp_hot@list.ru · 2014-02-16 15:36

Вот код:

Код:

{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}

sergfes · 2015-02-04 16:49

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

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

Переходите на новый форум!

#1 2011-04-18 01:07

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

#2 2011-04-18 08:18

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

#3 2011-04-19 14:53

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

Код:

#4 2011-04-19 23:34

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

#5 2011-04-20 10:19

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

adv2010 написал:

#6 2011-04-20 10:39

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

rat написал:

adv2010 написал:

#7 2011-04-20 11:38

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

adv2010 написал:

#8 2011-04-20 11:53

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

rat написал:

adv2010 написал:

Код:

#9 2011-04-20 12:29

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

#10 2011-04-20 16:10

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

#11 2012-09-11 17:00

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

#12 2012-09-11 17:54

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

#13 2014-02-16 15:36

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

Код:

Код:

#14 2015-02-04 16:49

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

rat написал:

Board footer