[Помогите] Superfish меню.

Тема в разделе "OpenCart", создана пользователем Berserk163, 18 фев 2013.

  1. Berserk163

    Berserk163

    Регистрация:
    16 фев 2013
    Сообщения:
    53
    Симпатии:
    23
    Установил модуль superfish (использую как вертикальное меню категорий), настроил, стилизовал, но появилась небольшая проблема. Не могу додуматься как сделать, чтобы активная категория выделялась из остальных. Если кто-нибудь сталкивался с данной проблемой, подскажите решение. Спасибо.
     
  2. Rusik

    Rusik

    Регистрация:
    21 янв 2013
    Сообщения:
    166
    Симпатии:
    52
    Ссылочку на модуль?
    А вообще смотрите стили, в обычном меню за это отвечают стили типа #menu > ul > li > a.active
     
    Berserk163 нравится это.
  3. Berserk163

    Berserk163

    Регистрация:
    16 фев 2013
    Сообщения:
    53
    Симпатии:
    23
    Данный модуль входил в состав сборки MaxyStore.
    Ссылка на модуль:

    Что касается css, на сколько я помню, я пробовал данный вариант, возможно что-то пропустил. Спасибо.
     
  4. beak

    beak

    Регистрация:
    22 янв 2013
    Сообщения:
    161
    Симпатии:
    43
    Смотри интересующее тебя место в коде Firebug'ом. Он тебе покажет и css-файл, и все строки что отвечают за стиль выбранного элемента.
     
    Berserk163 нравится это.
  5. Berserk163

    Berserk163

    Регистрация:
    16 фев 2013
    Сообщения:
    53
    Симпатии:
    23
    Спасибо за совет. Судя по всему проблема в том, что ни в самом модуле, ни в js-скрипте этот мод не определяет активную страницу/ссылку, поэтому не получается подключить стиль именно для активной ссылки в меню. Могу и ошибаться, конечно.
     
  6. beak

    beak

    Регистрация:
    22 янв 2013
    Сообщения:
    161
    Симпатии:
    43
    Брось ссылку на сайт, сюда или в личку.
     
  7. Berserk163

    Berserk163

    Регистрация:
    16 фев 2013
    Сообщения:
    53
    Симпатии:
    23
    Сайт пока на локальном сервере.
    Всем спасибо за участие, нашел решение.
    Выложу код, на будущее, если кто-то с этим столкнется.

    Необходимо добавить в файл superfish.js следующий код:
    Код:
    $(function(){
    	var url = window.location.pathname,
    		urlRegExp = new RegExp(url.replace(/\/$/,'') + "$");
    		$('.sf-menu a').each(function(){
    			if(urlRegExp.test(this.href.replace(/\/$/,''))){
    				$(this).addClass('active');
    			}
    		});
    });
    Он определит активную страницу/ссылку и добавит к ней класс "active".

    Затем в классе superfish.css стилизуем активный пункт меню:
    Код:
    .sf-menu a.active{
      //стиль активного пункта меню.
    }
    Обратите внимание названия классов могут отличаться от ваших.
     
    Yuriy_Z нравится это.
  8. Berserk163

    Berserk163

    Регистрация:
    16 фев 2013
    Сообщения:
    53
    Симпатии:
    23
    Up.
    Столкнулся с еще одной загвоздкой, необходимо чтобы меню "раскрывало" третий уровень категорий.
    Возможно кто-то решал данную проблему.
    Собственно сам сайт.
     
  9. cherkas

    cherkas

    Регистрация:
    25 фев 2013
    Сообщения:
    451
    Симпатии:
    57
  10. 12341

    12341

    Регистрация:
    13 фев 2013
    Сообщения:
    342
    Симпатии:
    899
    можно использовать это http://opencartforum.ru/files/file/940-opencatmenu-расширенное-меню-категорий/