Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

Подсветка текщей категории


Recommended Posts

Здравствуйте, помогите пожалуйста подцепить подсветку на текущюю категорию  <span class="button-view  ttopen  ">view</span>.

category.tpl    сайт https://bonasort.ru

Edited by 1111111111
Link to post
Share on other sites

44 минуты назад, 1111111111 сказал:

Здравствуйте, помогите пожалуйста подцепить подсветку на текущюю категорию  <span class="button-view  ttopen  ">view</span>.

category.tpl    сайт https://bonasort.ru

 

Добрый день!

 

Используйте скрипт:

<script type="text/javascript">$('ul#nav li').each(function () {if (this.getElementsByTagName("a")[0].href == location.href) this.className = "active";});</script>

если возможно - разместите его после меню в боковой колонке + нужно добавить стили для класса .active. Название класса можете сменить на любое удобное.

Link to post
Share on other sites

Подскажите пожалуйста я правильно сделал?  Просто ни разу этого ни делал.

Screenshot_3.jpg

Link to post
Share on other sites

3 часа назад, 1111111111 сказал:

Подскажите пожалуйста я правильно сделал?  Просто ни разу этого ни делал.

да, верно

только скрипт нужно дорабатывать под ваши нужны

Link to post
Share on other sites

Подскажите еще пожалуйста один последний вопрос, стиль цвета в скрипте надо прописать и еще где то?

Link to post
Share on other sites

Только что, 1111111111 сказал:

Подскажите еще пожалуйста один последний вопрос, стиль цвета в скрипте надо прописать и еще где то?

this.className = "active"

в этом участке задаётся класс, который будет присвоен активному пункту. Т.е. пишите, например 

this.className = "activevs"

а в файл стилей

пишете

.activevs{
font-weight: bold;
font-size:17px;
}

например.

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.