•  info@krasnoseo.ru
  •  +7 (861) 203-46-29
  •  decert2
Обратный звонок

При разработке интернет-магазина столкнулся с необходимостью сделать третий уровень вложенности категорий, так как базовых двух было недостаточно. Попытки найти бесплатные модули для opencart 2.0.3.1 для трехуровневого меню, написанные без использования устаревшего VQMOD, не увенчались успехом.

К счастью, были найдены два бесплатных модуля для этой версии CMS на VQMOD, которые я и переписал под себя.

Итак, за основу были взяты следующие модули:

  • Menu third level submenu - для трехуровневого выпадающего главного меню
  • Categories menu 3rd level submenu - для отображения третьего уровня меню внутри категорий

Чтобы установить модули достаточно скачать 2 архива в конце статьи и положить их в соответствующие папки. Никаких лишних ссылок на меня или разработчика нет, можете смело заливать.

В исходный модуль помимо того, что он стал работать на OCMOD было внесено несколько изменений под себя:

  1. Первый уровень меню стал кликабельным

  2. Кликабельный первый уровень меню

  3. Убрана ссылка «Смотреть все товары», которая отображалась под всеми разделами второго и третьего уровней меню

Убрана ссылка Смотреть все товары

После всех правок модуль стал выглядеть следующим образом:

Конечный внешний вид

Инструкция по установке

Установка элементарна. Для стандартного шаблона (default) достаточно распаковать архивы и залить файлы в нужные папки. После того, как файлы будут залиты, обязательно зайдите в административную панель -> модули -> модификаторы и нажмите кнопку «Обновить» в правом верхнем углу.

Если у Вас другое имя шаблона, необходимо будет внести изменения в файлы menu3rdlevel.ocmod.xml и CategoriesMenu3rdLevel.ocmod.xml. Во всех путях к файлам необходимо будет заменить "default" на название вашего шаблона. Также не забывайте нажать в модификаторах кнопку «Обновить».

Архивы с модулями

Самое главное. Ссылки на архивы.

Menu3rdlevel-opencart - трехуровневое главное меню для opencart 2.0.3.1 v1.2
CategoriesMenu3rdLevel - трехуровневое меню для opencart 2.0.3.1 в просмотре категорий

Изменения версий

Версия 1.1. Исправлен косяк с неисчезающим пунктом меню "Смотреть все товары".
Версия 1.2. Исправлен баг с переносом карточек на следующую строку в отображении товаров сеткой.

Платная установка

Если у кого-то что-то не получилось, возможна платная установка стоимостью всего 300 рублей.

Поддержать автора

Если вы воспользовались данным модулем и искренне благодарны, можете поддержать автора, переведя любую сумму через форму ниже или сделав репост статьи с помощью кнопок социальных сетей в подвале страницы.


Комментарии  

+1 # Сергей 26.06.2015 08:25
Спасибо за полезное решение! Всё хорошо работает. Но есть такой глюк - в сеточном представлении список товаров съезжает. Следы ведут к файлу common.js
Ответить | Ответить с цитатой | Цитировать
+1 # Александр 28.03.2016 21:24
Здравствуйте. А если нужно поставить на Opencart версии 2.2, то какие возможны варианты?
Ответить | Ответить с цитатой | Цитировать
0 # DeCeRt 26.06.2015 21:31
Цитирую Сергей:
Спасибо за полезное решение! Всё хорошо работает. Но есть такой глюк - в сеточном представлении список товаров съезжает. Следы ведут к файлу common.js


Сергей, а в каком браузере? Проверил в хроме и мозилле, все ОК.
Ответить | Ответить с цитатой | Цитировать
0 # Владимир 01.07.2015 15:55
Спасибо большое за данное решение, помогло. Только вот осталась графа "Смотреть всё".
и вопросик, как понять "P.S. Версиях 2.0.3.0 и выше не забудьте после обновления модификаторов включить магазин, так как по умолчанию он переходит в режим обслуживания."
Ответить | Ответить с цитатой | Цитировать
0 # DeCeRt 01.07.2015 18:03
Цитирую Владимир:
Только вот осталась графа "Смотреть всё".

Если хотите, могу глянуть в чем проблема. Сегодня время будет. Напишите на почту из контактов доступы к фтп.

Цитирую Владимир:
как понять "P.S. Версиях 2.0.3.0 и выше не забудьте после обновления модификаторов включить магазин, так как по умолчанию он переходит в режим обслуживания."


При обновлении модификаторов автоматически ставится галочка в пункте Система - Настройки - Редактировать магазин - Сервер - Режим обслуживания - Да
Ответить | Ответить с цитатой | Цитировать
0 # Владимир 02.07.2015 12:09
Проблема в том что не создаются новые 3-х уровненные категории, после установки((
Ответить | Ответить с цитатой | Цитировать
0 # DeCeRt 02.07.2015 12:49
Цитирую Владимир:
Проблема в том что не создаются новые 3-х уровненные категории, после установки((

Владимир, пытался связаться с Вами по почте, но адрес указали некорректный, письма возвращаются. Могу бесплатно посмотреть, что не так установлено. Если хотите, свяжитесь со мной по скайпу или в почте. В данный момент модули работают уже на нескольких магазинах, все корректно.
Ответить | Ответить с цитатой | Цитировать
+1 # Дмитрий 08.07.2015 06:41
Есть проблема с отображением в мобильной версии.
Ответить | Ответить с цитатой | Цитировать
0 # Виталй 09.07.2015 13:30
Version 2.0.3.1 (rs.2)
Всё сделал по инструкции, результат нулевой, ни чего не изменилось!
Ответить | Ответить с цитатой | Цитировать
0 # DeCeRt 10.07.2015 12:03
Дмитрий, Виталий, напишите подробнее на , постараюсь помочь разобраться. Если проблема в мобильной версии, то что конкретно съезжает, желательно со скринами. Если ничего не изменилось, вероятнее всего есть проблема с установленными в vqmod или ocmod сторонними приложениями. Напишите на почту список того, что используется дополнительно.
Ответить | Ответить с цитатой | Цитировать
0 # Фёдор 27.07.2015 13:49
Аналогично с предыдущими ораторами, ничего не получилось при добавлении модуля трёхуровнего меню... :sad:
Ответить | Ответить с цитатой | Цитировать
0 # DeCeRt 27.07.2015 16:12
Цитирую Фёдор:
Аналогично с предыдущими ораторами, ничего не получилось при добавлении модуля трёхуровнего меню... :sad:

Пожалуйста, описывайте проблему подробнее. Написал на почту вам.
Ответить | Ответить с цитатой | Цитировать
+2 # DeCeRt 28.07.2015 19:24
Выложена новая версия, а также обновлена инструкция с учетом проблем, возникающих у пользователей.
Ответить | Ответить с цитатой | Цитировать
0 # Фёдор 29.07.2015 17:09
Александр, спасибо за плагин и уделённое конкретно мне время... Всё на ходу... :-) Надеюсь на дальнейшее развитие и оптимизацию Вашего плагина...
Ответить | Ответить с цитатой | Цитировать
0 # Макс 05.09.2015 17:23
Огромное вам человеческое спасибо! Все отлично, все работает!
Ответить | Ответить с цитатой | Цитировать
0 # Александр 25.09.2015 17:19
Всё встало, полёт нормальный. Спасибо огромное!!!
Ответить | Ответить с цитатой | Цитировать
0 # Александр 09.10.2015 15:14
Подскажите, достаточно распаковать архивы и залить файлы в нужные папки. В какие папки нужно заливать?
Ответить | Ответить с цитатой | Цитировать
0 # DeCeRt 12.10.2015 08:05
Цитирую Александр:
В какие папки нужно заливать?

Александр, распакуйте архив. Имена папок, которые получились после распаковки архива будут совпадать с именами папок на хостинге. Те, которых нет, создайте.
Ответить | Ответить с цитатой | Цитировать
0 # natali 18.10.2015 23:00
скачала, закинула на хостинг...но ничего не изменилось...в чем может быть проблема?подскажите,пожалуйста
Ответить | Ответить с цитатой | Цитировать
0 # DeCeRt 19.10.2015 07:16
Цитирую natali:
скачала, закинула на хостинг...но ничего не изменилось...в чем может быть проблема?подскажите,пожалуйста

Натали, шаблон стандартный? Если нет, вероятнее всего забыли изменить наименование шаблона в файлах.
Ответить | Ответить с цитатой | Цитировать
0 # Natali 19.10.2015 09:33
Цитирую DeCeRt:
Цитирую natali:
скачала, закинула на хостинг...но ничего не изменилось...в чем может быть проблема?подскажите,пожалуйста

Натали, шаблон стандартный? Если нет, вероятнее всего забыли изменить наименование шаблона в файлах.

шаблон стандартный
Ответить | Ответить с цитатой | Цитировать
0 # DeCeRt 19.10.2015 14:17
Цитирую Natali:
шаблон стандартный


Натали, в таком случае, могу предложить Вам платную установку. Посмотрю, что некорректно. Напишите мне на почту, обсудим.
Ответить | Ответить с цитатой | Цитировать
0 # Игорь 16.11.2015 23:15
Все сделал, как написано, но ничего не изменилось, шаблон не стандартный, нужна Ваша помощь
Ответить | Ответить с цитатой | Цитировать
0 # Станислав 23.11.2015 16:29
Все хорошо, только если б меню при наведении на него полностью покрывалось фоном, а не только маленькой полосочкой.
Ответить | Ответить с цитатой | Цитировать
0 # DeCeRt 23.11.2015 16:32
Цитирую Станислав:
Все хорошо, только если б меню при наведении на него полностью покрывалось фоном, а не только маленькой полосочкой.


Станислав, имеете в виду первый пункт?
Ответить | Ответить с цитатой | Цитировать
0 # Станислав 23.11.2015 16:56
У вас на картинке например подкатегория "Microsoft Windows" при выделении не полностью стает синего цвета, а имеет белую полоску вверху. Так же и 3 подменю "windows7" тоже при наведении не полностью стает синего цвета.
Ответить | Ответить с цитатой | Цитировать
0 # DeCeRt 23.11.2015 17:02
Станислав, понял Вас. Если будет время, исправлю.
Ответить | Ответить с цитатой | Цитировать
0 # Denis 01.12.2015 18:06
Нечеловеческое :lol: Вам СПАСИБО!!!
Все работает! Лучшего решения я еще не видел!

P.S. если бы еще количество уровней увеличить с 3-х до 5-ти...
Ответить | Ответить с цитатой | Цитировать
0 # Denis 01.12.2015 19:55
Есть "косяк". Как писал выше Дмитрий, в мобильной версии, после установки мода menu3rdlevel-opencart-v1.2.zip нет возможности выбирать подкатегории, приходится делать переходы пошагово, каждый раз на один уровень.
Ответить | Ответить с цитатой | Цитировать
0 # DeCeRt 01.12.2015 20:40
Цитирую Denis:
Есть "косяк". Как писал выше Дмитрий


Дмитрий имел в виду другую ошибку, она исправлена уже.

Включу в список доработок.
Ответить | Ответить с цитатой | Цитировать
0 # Михаил 22.01.2016 13:01
все хорошо, но в моб версии подкатегории не раскрываются
Ответить | Ответить с цитатой | Цитировать
+1 # Виктор 29.01.2016 11:36
Все получилось, автор просто молодец! :-)
Ответить | Ответить с цитатой | Цитировать
0 # Александр 07.02.2016 16:21
Доброго времени суток!
Версия 2.1
Как сделать чтобы под подкатегория открывалась не в бок, а вниз?
Ответить | Ответить с цитатой | Цитировать
0 # DeCeRt 08.02.2016 07:54
Цитирую Александр:
Доброго времени суток!
Версия 2.1
Как сделать чтобы под подкатегория открывалась не в бок, а вниз?


Здравствуйте, Александр!

Изменить под свои нужны стилевые файлы. Настроек из админки у данного меню нет.

Либо можете купить платное меню. Для ваших нужд подойдет Модуль мега-меню для Opencart 2.0 от octemplates.
Ответить | Ответить с цитатой | Цитировать
0 # Юрий 11.02.2016 09:56
Здравствуйте! Спасибо за модификатор!
Вопрос. Всё заработало, но в левом меню категрий появились дубли категорий. С чем это может быть связанно? http://prntscr.com/a1r423
Ответить | Ответить с цитатой | Цитировать
0 # DeCeRt 11.02.2016 11:38
Цитирую Юрий:
в левом меню категрий появились дубли категорий. С чем это может быть связанно?


Юрий, вероятнее всего данные категории задублированы в админке.
Ответить | Ответить с цитатой | Цитировать
0 # Юрий 11.02.2016 14:01
http://prntscr.com/a1t8d5
http://prntscr.com/a1t8ku

Ерунда какая-то.. куда смотреть..
Ответить | Ответить с цитатой | Цитировать
0 # DeCeRt 11.02.2016 17:01
Цитирую Юрий:
Ерунда какая-то.. куда смотреть..

Юрий, написал Вам на почту.
Ответить | Ответить с цитатой | Цитировать
0 # Юрий Поляков 22.03.2016 17:23
Здравствуйте! Спасибо за модуль! Вопрос: как сделать так, чтобы всплывающие подразделы не перекрывали меню? http://prntscr.com/aii4by Вот крайний правый пункт - все всплывающие подменю перекрываю нижние пункты. Как сделать, чтобы открывалось слева, а не на меню?
Ответить | Ответить с цитатой | Цитировать
0 # DeCeRt 29.03.2016 06:12
Цитирую Юрий Поляков:
Как сделать, чтобы открывалось слева, а не на меню?


Ждите в следующем обновлении) Если руки дойдут.
Ответить | Ответить с цитатой | Цитировать
0 # Александр 29.03.2016 23:23
А как самостоятельно убирать "Смотреть все товары"? Делаю для другой версии Opencart.
Ответить | Ответить с цитатой | Цитировать
0 # DeCeRt 30.03.2016 08:58
Цитирую Александр:
А как самостоятельно убирать "Смотреть все товары"? Делаю для другой версии Opencart.


Нужно отредактировать header.tpl вручную, либо черед ocmod. Лучше, через ocmod, чтобы при обновлениях не потерять изменения.
Ответить | Ответить с цитатой | Цитировать
0 # Александр 29.03.2016 23:48
P.S. Возможно разберусь сам.
Ответить | Ответить с цитатой | Цитировать
0 # Александр 30.03.2016 22:07
Сделал и описал в теме на форуме:
https://opencartforum.com/topic/59065-%D0%BA%D0%B0%D0%BA-%D1%83%D0%B1%D1%80%D0%B0%D1%82%D1%8C-%D0%B8%D0%B7-%D0%B2%D1%8B%D0%BF%D0%B0%D0%B4%D0%B0%D1%8E%D1%89%D0%B8%D1%85-%D0%BC%D0%B5%D0%BD%D1%8E-%D1%81%D0%BC%D0%BE%D1%82%D1%80%D0%B5%D1%82%D1%8C-%D0%B2%D1%81%D0%B5-show-all/

А по поводу проблем, что здесь люди пишут, которые видят после установки этого OCMOD модуля. Дело в том, что расширение устанавливается и работает, только в админке соответствующего пункта почему то нету.
Ответить | Ответить с цитатой | Цитировать
0 # Valeri 14.05.2016 13:38
Добрый день, огромное Вам спасибо за реализованное решение, но есть один вопросик, что можно сделать для отражения в мобильной версии Вашего модифицированного модуля , спасибо за разработку с Уважением 8)
Ответить | Ответить с цитатой | Цитировать
0 # DeCeRt 23.05.2016 20:05
Цитирую Valeri:
Добрый день, огромное Вам спасибо за реализованное решение, но есть один вопросик, что можно сделать для отражения в мобильной версии Вашего модифицированного модуля , спасибо за разработку с Уважением 8)


На самом деле, нормально в мобильной версии работает. Единственная проблема, это не раскрывается по клику из-за того, что убрал "Смотреть все товары" и по клику на основной пункт меню идет переход в раздел. А сделать все можно просто. При разрешении, когда шаб превращается в мобильный возвращать пункт "Смотреть все" и убирать кликабельность родительского элемента. Другого варианта пока не придумал.
Ответить | Ответить с цитатой | Цитировать
0 # fantazera 01.06.2016 20:49
На самом деле, нормально в мобильной версии работает. Единственная проблема, это не раскрывается по клику из-за того, что убрал "Смотреть все товары" и по клику на основной пункт меню идет переход в раздел. А сделать все можно просто. При разрешении, когда шаб превращается в мобильный возвращать пункт "Смотреть все" и убирать кликабельность родительского элемента. Другого варианта пока не придумал.


И как и где это изменить, спасибо ))))
Ответить | Ответить с цитатой | Цитировать
0 # Дмитрий 22.05.2016 10:09
Здравствуйте, подскажите есть ли возможность увеличить вложенность для категорий??
Ответить | Ответить с цитатой | Цитировать
0 # DeCeRt 23.05.2016 20:06
Цитирую Дмитрий:
Здравствуйте, подскажите есть ли возможность увеличить вложенность для категорий??


Попробуйте. Может будет работать. Изначальной такой надстройки не было, так как мне больше трех категорий не нужно было.
Ответить | Ответить с цитатой | Цитировать
0 # fantazera 01.06.2016 21:04
Цитирую DeCeRt:


На самом деле, нормально в мобильной версии работает. Единственная проблема, это не раскрывается по клику из-за того, что убрал "Смотреть все товары" и по клику на основной пункт меню идет переход в раздел. А сделать все можно просто. При разрешении, когда шаб превращается в мобильный возвращать пункт "Смотреть все" и убирать кликабельность родительского элемента. Другого варианта пока не придумал.

Цитирую fantazera:
На самом деле, нормально в мобильной версии работает. Единственная проблема, это не раскрывается по клику из-за того, что убрал "Смотреть все товары" и по клику на основной пункт меню идет переход в раздел. А сделать все можно просто. При разрешении, когда шаб превращается в мобильный возвращать пункт "Смотреть все" и убирать кликабельность родительского элемента. Другого варианта пока не придумал.



И как и где это изменить, спасибо ))))
Ответить | Ответить с цитатой | Цитировать
0 # DeCeRt 04.06.2016 11:53
Цитирую fantazera:
И как и где это изменить, спасибо ))))


Изменять буду, только когда появится необходимость или просто свободное время.

Вернуть пункт Смотреть все и кликабельность можно убрав в файле menu3rdlevel.ocmod.xml самый последний блок.
Ответить | Ответить с цитатой | Цитировать
0 # KevinFrie 17.07.2016 19:22
Спасибо за модуль. Всё работает. НО! Есть одна трабла: т.к. меню подкатегорий выводится горизонтально - категория 3 уровня не дает навести на 2-ую категорию 2-го уровня)) Структура такая: Есть родительская категория "Взрослым" ->Подкатегории "Мужчинам" и "Женщинам" и в каждой из них ещё подкатегории "Нижнее Бельё" "Футболки/Майки" и т.д. Наводим на "Взрослым" выпадают разделы М/Ж, наводим на М выпадают подкатегории. После чего наведение на Ж не доступно ибо закрыто менюшкой подкатегорий. Отводим курсор -ессесна всё закрываетя. Крч у меня Ж страдает. Может можно настроить вывод подменю вертикально и проблема исчезнет. Заранее спасибо
Ответить | Ответить с цитатой | Цитировать
0 # KevinFrie 18.07.2016 15:07
Цитирую KevinFrie:
Спасибо за модуль. Всё работает. НО! Есть одна трабла: т.к. меню подкатегорий выводится горизонтально - категория 3 уровня не дает навести на 2-ую категорию 2-го уровня)) Структура такая: Есть родительская категория "Взрослым" ->Подкатегории "Мужчинам" и "Женщинам" и в каждой из них ещё подкатегории "Нижнее Бельё" "Футболки/Майки" и т.д. Наводим на "Взрослым" выпадают разделы М/Ж, наводим на М выпадают подкатегории. После чего наведение на Ж не доступно ибо закрыто менюшкой подкатегорий. Отводим курсор -ессесна всё закрываетя. Крч у меня Ж страдает. Может можно настроить вывод подменю вертикально и проблема исчезнет. Заранее спасибо

Уже разобрался) Нашел css и поменял с left 100% на top 100%) Я идиот :sad:
Ответить | Ответить с цитатой | Цитировать
0 # Александр 03.08.2016 03:07
Работает даже на 2.3.0.2 :-)
Только для Categories menu 3rd level submenu нужно в файле CategoriesMenu3rdLevel.ocmod.xml по изменять пути, перед module дописать extension, пример: ../extension/module/.. Ведь в версии 2.3.0.2 папки module были перенесены. А так то все работает! :) Спасибо автору!
Ответить | Ответить с цитатой | Цитировать
0 # Андрей 01.09.2016 09:24
Убралось только "показать все категории". И стали кликабельными главные категории. Остальное не работает((((
Ответить | Ответить с цитатой | Цитировать
0 # DeCeRt 01.09.2016 10:13
Цитирую Андрей:
Убралось только "показать все категории". И стали кликабельными главные категории. Остальное не работает((((


Что-то неправильно сделали. Какая версия опенкарт? Какая сборка? Оригинал? Стоят ли ещё модификаторы для меню?
Ответить | Ответить с цитатой | Цитировать
0 # имя 09.10.2016 02:09
Спасибо, только ваше решение сработало.
Ответить | Ответить с цитатой | Цитировать
0 # Роман 28.02.2017 13:56
В горизонтальном меню все работает, в вертикальном не отображается.
Ответить | Ответить с цитатой | Цитировать

Добавить комментарий


Защитный код
Обновить