Перейти к содержанию
Форум поддержки пользователей VamShop

Подсветка в меню раздела в котором находимся


Рекомендуемые сообщения

У меня несколько разделов, когда я захожу в какой-нибудь из них, то хочу, что бы он выделился. К примеру:

Раздел 1

Раздел 2

Раздел 3 (я сейчас в этом разделе)

Раздел 4

------------

Как это сделать?

Ссылка на сообщение
Поделиться на другие сайты

По умолчанию добавляется класс active для текущей категории.

Посмотрите в Админке - Оформление - Микро-шаблоны - categories-box

 

Просто добавьте стиль для active класса в свой css.

Ссылка на сообщение
Поделиться на другие сайты

А как сделать то же самое с информационными страницами?

Задача такая:

У меня есть шапка с ссылками на категорию и информационными страницами. Когда пользователь зашел в ту или иную страницу, то она должна в меню подсвечиваться. 

Ссылка на сообщение
Поделиться на другие сайты

А как они выводятся?!

 

По идее, точно так же делается.

Всё ведь выводится через content_listing тэг.

Ссылка на сообщение
Поделиться на другие сайты

У меня шапка в html шаблоне

<div id="header">
	<div class="top-bar">
		<a href="/page/shipping--returns.html" {if $node.alias == $content_alias} class="active"{/if}>Оплата и доставка</a>
		<a href="/page/Sertiphikaty-i-licenzii.html" {if $node.alias == $content_alias} class="active"{/if}>Сертификаты и лицензии</a>
		<a href="/category/news.html" {if $node.alias == $content_alias} class="active"{/if}>Новости</a>
		<a href="/category/akcii.html" {if $node.alias == $content_alias} class="active"{/if}>Акции</a>
		<div class="contact">
			<span>{config value=telephone}</span>
			<a href="/page/adres-ophisa.html">Адрес офиса</a>
		</div>
		<div class="clear"></div>
	</div>
	<div class="logo">
		<a href="{base_path}/"><img src="{base_path}/img/logo.png" alt="{config value=site_name}" title="{config value=site_name}" width="192" height="60" /></a>
	</div>
	<div class="main-menu">
		<a href="/page/katalog.html" {if $node.alias == $content_alias} class="active"{/if}>Каталог</a>
		<a href="/page/Sertiphikaty-i-licenzii.html" {if $node.alias == $content_alias} class="active"{/if}>Статьи</a>
		<a href="/category/news.html" {if $node.alias == $content_alias} class="active"{/if}>Отзывы</a>
		<a href="/page/Kontaktnaja-inphormacija.html" {if $node.alias == $content_alias} class="active"{/if}>Контактная информация</a>
	</div>
	<div class="basket">
		{shopping_cart template='cart-content-box-pull'}
	</div>
	<div class="clear"></div>
</div>

И в данном случае {if $node.alias == $content_alias} class="active"{/if} не работает

Ссылка на сообщение
Поделиться на другие сайты

Это где, в основном шаблоне?!

 

Для начала, просто в основной шаблон добавьте вывод меток:

{$content_alias} и {$node.alias}

Посмотрите, что они выводят. Я так подозреваю, что раз Вы эти страницы выводите не через content_listing тэг, а просто вставили html-сылки в шаблоне, то одна или обе метки работать не будет, т.е. берёте работающую метку и тогда условие будет типа:

{if $content_alias == 'katalog.html'} ...

т.е. раз Вы не content_listing используете тэг для вывода ссылок, а просто вручную их записали, то и условие нужно вручную прописать.

Ссылка на сообщение
Поделиться на другие сайты

{$content_alias} выводит katalog без .html

{$node.alias} ничего не выводит

 

Конструкция такого типа: {if $content_alias == 'katalog'} class="active"{/if} сработала.

 

Спасибо ;)

Ссылка на сообщение
Поделиться на другие сайты

Рано радоваться :(

 

Из-за кеша он всегда выдает одну выделенную ссылку. Т.е. по каким бы страница не ходил, он всегда в меню выделяет один пункт как будто я в нем нахожусь. Сбрасываешь кеш и какую первую страницу после  этого откроешь - ту в меню и выделяет. 

Ссылка на сообщение
Поделиться на другие сайты

Может это из-за того, что шапка создана блоком, который подключается к основному шаблону?

Ссылка на сообщение
Поделиться на другие сайты

Да, оказалось именно из-за того, что я помести это в блок. который подключил к шаблону.

Код написанный в шаблоне работает нормально.

Ссылка на сообщение
Поделиться на другие сайты
×
×
  • Создать...