Як виділити активний пункт в горизонтальному меню opencart

Сьогодні ми розглянемо ще один варіант роботи з такого роду меню. Як ви знаєте, особливо ті, хто займається версткою, часто в дизайні передбачено виділення активного пункту меню, але реалізувати на практиці виявилося таке рішення не дуже то і просто.

Перше до чого вдаються новачки, і це напевно одне з найбільш поширених помилок - це використання псевдокласів. Так часто можна побачити теми на форумі, прописав для меню клас, наприклад:

але воно чомусь не працює. Воно і не буде працювати, оскільки цей псевдоклас используеться зовсім для інших цілей.

Забезпечити присвоєння класу для активного пункту меню.

По суті можна використовувати скрипт, який буде прив'язуватися до id - меню.

Для того щоб здійснити це завдання Вам потрібно в файл - /catalog/view/theme/default/template/common/header.tpl, перед закривається тегом. додати наступний код:

Зверніть особливу увагу на параметр #menu в четвертому рядку, якщо у вас інше значення, обов'язково поміняйте його, інакше нічого працювати не буде. Після проведеної роботи на виході ви отримаєте меню, активні пункти якого будуть отримувати клас - activeCSS. Можете додати наступний код в файл - / catalog / view / theme / default / stylesheet / stylesheet.css:

для того щоб зміни були видні на так би мовити «на обличчя».

На цьому сьогодні все, підписуйтесь на новини мого блогу, попереду у нас ще багато чого цікавого. Я буду постійно викладати різні корисні фішки для створення як комерційних, так і інформаційних інтернет проектів. До зв'язку.

Влад, у Вас трохи не той випадок, що описаний в статті. На даний момент я не займаюся правкою чужих сайтів. У Вас встановлений скрипт (ймовірно йшов з шаблоном), вам потрібно подивитися, можливо він широко використовується іншими користувачами, і якщо це масовий продукт, а не самопис, то можна знайти параметри, які до нього підключаються. Можливо таким чином ви зможете вирішити вашу проблему.