Перейти к содержанию

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

Всем доброго дня, нужна помощь по редактированию горизонтального меню в opencart-2 шаблона  "HitechShop-2", сейчас в подкатегориях меню отображаются все подкатегории, а нужно переделать чтобы из основного меню выпадали катеории и далее при при наведении открывались остальные подменю, сейчас меню выглядит так

post-702646-0-14892400-1452495838_thumb.png  post-702646-0-80543300-1452495834_thumb.png 

а нужно переделать так, наводишь на основное меню "Видеонаблюдение, далее открывались подкатегрии, Видеорегистраторы, Видеокамеры и далее, при наведении на Видеорегистраторы открывались далее меню  которые привязаны к  этой категории

 

Подскажите как это лучше сделать, ничего не получается.....

post-702646-0-49671200-1452495832_thumb.png

Поделиться сообщением


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

Легко, с помощью css.

Поделиться сообщением


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

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

/* menu */
#menu {
width: 100%;
text-align:center;
font-family: 'TeXGyreHerosCn';
background-color: #229ac8;
background-image: linear-gradient(to bottom, #29AE0E, #29AE0E);
background-repeat: repeat-x;
border-color: #2AB30E #2AB30E #2AB30E;
min-height: 40px;
clear: both;
}
#menu .nav > li {
 
}
#menu .nav > li > a {
color: #fff;
font-size: 14px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
padding: 10px 15px 10px 15px;
min-height: 15px;
background-color: transparent;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
background-color: rgba(0, 0, 0, 0.1);
 
}
#menu .dropdown-inner {
display: table;
}
#menu .dropdown-inner ul.list-unstyled {
list-style: outside none none;
    margin: 0 0 0 10px;
    padding: 0;
}
#menu .dropdown-inner a {
min-width: 160px;
padding: 3px 15px;
clear: both;
line-height: 15px;
color: #333333;
font-size: 12px;
}
#menu .see-all {
display: block;
margin-top: 0.5em;
border-top: 1px solid #DDD;
padding: 3px 20px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 3px 3px;
font-size: 12px;
}
#menu #category {
float: left;
padding-left: 15px;
font-size: 16px;
font-weight: 700;
line-height: 40px;
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
color: #fff;
    float: right;
    font-size: 22px;
    font-stretch: expanded;
    margin: 0 0 1px;
    padding: 4px 28px;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
 
}
@media (min-width: 768px) {
#menu .dropdown:hover .dropdown-menu {
display: block;
 
 
}
}
@media (max-width: 767px) {
#menu {
border-radius: 4px;
}
#menu div.dropdown-inner > ul.list-unstyled {
display: block;
}
#menu div.dropdown-menu {
margin-left: 0 !important;
padding-bottom: 10px;
background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown-inner {
display: block;
}
#menu .dropdown-inner a {
width: 100%;
color: #fff;
}
#menu .dropdown-menu a:hover,
#menu .dropdown-menu ul li a:hover {
background: rgba(0, 0, 0, 0.1);
}
#menu .see-all {
margin-top: 0;
border: none;
border-radius: 0;
color: #fff;
}
}

Поделиться сообщением


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От iDiy
      675.00 руб
      Скачать/Купить дополнение


      YUMenu (расширенный модуль меню)
      YUMenu 1.0.7 (расширенный модуль меню)
       
      Надежный и функциональный модуль расширенного произвольного меню, включает в себя витрину категорий, горизонтальное, вертикальное меню и меню для мобильных устройств.
      Модуль позволяет создавать многоуровневое меню из произвольных элементов (наименования, ссылки, изображения - произвольные) и/или из элементов каталога (категории, товары, бренды, статьи), создавая из них абсолютно любую структуру.
       
      Особенности модуля:
      неограниченный уровень вложенности меню; выборочные элементы меню (категории, производители, статьи, товары); произвольные ссылки с собственными параметрами (наименования, ссылки, классы, иконки); популярное адаптивное меню "Amazon"; три стиля вертикального меню: "Accordion", меню "Flyout" и меню "Push"; отображение меню для конкретной категории/производителя/товара; экспорт/импорт настроек модуля и структуры элементов меню; функция скрытия пустых (без товара) категорий и производителей; количество товаров категории и производителя без потери производительности; поддержка мульти-магазинов и групп пользователей; подключение произвольных макетов, стилей и скриптов; поддержка мобильных устройств; модуль оптимизирован для наилучшей производительности; модуль не заменяет системных файлов; простая установка в меню дополнений...  
      Совместимость: OpenCart, ocStore, ocShop и прочие сборки версий OC 2.1 - 3.0
      Системные требования: php 5.6, 7.2, IonCube Loader 10+
       
      Демонстрация работы модуля на примере:
      Витрины категорий, Категории, Товара, Бренда
      Админ демо (логин/пароль: demo/demo)
       
      Добавил iDiy Добавлено 29.06.2017 Категория Меню, дизайн, внешний вид Системные требования php 5.6 - 7.2, IonCube Loader 6+ Сайт разработчика Старая цена Метод активации По запросу на почту Ioncube Loader Требуется OpenCart 3.0
      2.3
      2.2
      2.1 ocStore 3.0
      2.3
      2.2
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1  
    • От iDiy
      YUMenu 1.0.7 (расширенный модуль меню)
       
      Надежный и функциональный модуль расширенного произвольного меню, включает в себя витрину категорий, горизонтальное, вертикальное меню и меню для мобильных устройств.
      Модуль позволяет создавать многоуровневое меню из произвольных элементов (наименования, ссылки, изображения - произвольные) и/или из элементов каталога (категории, товары, бренды, статьи), создавая из них абсолютно любую структуру.
       
      Особенности модуля:
      неограниченный уровень вложенности меню; выборочные элементы меню (категории, производители, статьи, товары); произвольные ссылки с собственными параметрами (наименования, ссылки, классы, иконки); популярное адаптивное меню "Amazon"; три стиля вертикального меню: "Accordion", меню "Flyout" и меню "Push"; отображение меню для конкретной категории/производителя/товара; экспорт/импорт настроек модуля и структуры элементов меню; функция скрытия пустых (без товара) категорий и производителей; количество товаров категории и производителя без потери производительности; поддержка мульти-магазинов и групп пользователей; подключение произвольных макетов, стилей и скриптов; поддержка мобильных устройств; модуль оптимизирован для наилучшей производительности; модуль не заменяет системных файлов; простая установка в меню дополнений...  
      Совместимость: OpenCart, ocStore, ocShop и прочие сборки версий OC 2.1 - 3.0
      Системные требования: php 5.6, 7.2, IonCube Loader 10+
       
      Демонстрация работы модуля на примере:
      Витрины категорий, Категории, Товара, Бренда
      Админ демо (логин/пароль: demo/demo)
       
    • От 29aleksey
      750.00 руб
      Скачать/Купить дополнение


      Управление торговлей 6 Персональный редактор ++
      - Модуль быстрых редакторов на витрине магазина
      - Создание SEO шаблонов для каждой категории
      - Групповое редактирование товара

      Demo OPENCART 2x
      login: demo
      pass: demo
      Demo OPENCART 15x
      login: demo
      pass: demo
      Модуль написан на основе опыта работы в одном из крупнейших И.М. рунета.
      Немного лирики. Наверняка каждый, кто следит за актуальностью своего магазина, адекватности и верности заполнения карточек продукта, не один раз в процессе работы замечал небольшие огрехи, «Очепятки» да что греха таить , порой и абсолютно не адекватной инфы о товаре. И вот в процессе продажи думаешь, обязательно чуть позднее вернусь, подкорректирую , и…. в очередной раз …. И еще, в определенный момент тупо ловишь себя на мысли, что в очередной раз откладываешь и злишься на того, кто допустил такой очевидный и досадный ляп, начинаешь вспоминать кто заполнял карточки, злиться, вот так бы взял, да «Головою, да в стенку», темболее что бы исправить это нужно зайти в админку, найти данный продукт, открыть редактор , и вобщем как всегда не сейчас - Поубивал бы J))
      И так - с выходом У.Т 6 – Персональный редактор++ Все эти , и многие другие вытекающие проблемы решены.
      По вопросам допилов до индивидуальных потребностей пишите в личку рассмотрю.
      Для тех "Кто в теме" полезные ссылки
      Управление торговлей 7
      Управление торговлей 5
      Управление торговлей 4
      Управление торговлей 3
      Управление торговлей 2
      Управление торговлей 1
      Модуль наличия товара на складе разный цвет
      Добавил 29aleksey Добавлено 28.05.2015 Категория Редакторы Системные требования Ioncube Loader Сайт разработчика Старая цена 1300 Метод активации По запросу в ЛС Ioncube Loader Требуется OpenCart 2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6 ocStore 2.3
      2.2
      2.1
      1.5.5.1.2
      1.5.5.1.1
      1.5.5.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1  
    • От 29aleksey
      - Модуль быстрых редакторов на витрине магазина
      - Создание SEO шаблонов для каждой категории
      - Групповое редактирование товара

      Demo OPENCART 2x
      login: demo
      pass: demo
      Demo OPENCART 15x
      login: demo
      pass: demo
      Модуль написан на основе опыта работы в одном из крупнейших И.М. рунета.
      Немного лирики. Наверняка каждый, кто следит за актуальностью своего магазина, адекватности и верности заполнения карточек продукта, не один раз в процессе работы замечал небольшие огрехи, «Очепятки» да что греха таить , порой и абсолютно не адекватной инфы о товаре. И вот в процессе продажи думаешь, обязательно чуть позднее вернусь, подкорректирую , и…. в очередной раз …. И еще, в определенный момент тупо ловишь себя на мысли, что в очередной раз откладываешь и злишься на того, кто допустил такой очевидный и досадный ляп, начинаешь вспоминать кто заполнял карточки, злиться, вот так бы взял, да «Головою, да в стенку», темболее что бы исправить это нужно зайти в админку, найти данный продукт, открыть редактор , и вобщем как всегда не сейчас - Поубивал бы J))
      И так - с выходом У.Т 6 – Персональный редактор++ Все эти , и многие другие вытекающие проблемы решены.
      По вопросам допилов до индивидуальных потребностей пишите в личку рассмотрю.
      Для тех "Кто в теме" полезные ссылки
      Управление торговлей 7
      Управление торговлей 5
      Управление торговлей 4
      Управление торговлей 3
      Управление торговлей 2
      Управление торговлей 1
      Модуль наличия товара на складе разный цвет
    • От legioner26
      399.00 руб
      Скачать/Купить дополнение


      Многофункциональный модуль меню Категорий
      Разработан многофункциональный модификатор меню категорий товаров, который позволяет прям из админ панели решать массу задач без участия программиста. Очень простая и легкая установка.
      Так же внедрена мобильная версия модуля.
      Модификатор создан для изменения и добавления функционала в стандартный модуль категорий всех версий веток ОС начиная от 2.0 и заканчивая 3.0
      Обновление модификатора до версии ОС 3.0
      ПРИМЕЧАНИЕ !!!
      Для корректной установки и работы модификатора настоятельно рекомендую проверить были ли изменены файлы стандартного модуля категорий, 
      либо удостовериться что нет сторонних модификаторов которые бы меняли функционал.
      В случае если файлы изменены, можете добавить к ним префикс к примеру (category_1.tpl) и залить файлы из коробки ОС. 
       
       
      АКЦИЯ ДО КОНЦА СЕНТЯБРЯ !!!
       
      Установка:
      1. Папку Admin закинуть на хостинг в корень сайта 
      2. Устанавливаете модификатор согласно вашей версии ОС через "Установка расширений", далее в модификаторах чистим кешь и обновляем.
      ИНСТРУКЦИЯ во вложении
      DEMO Логин: demo Пароль: demo
      https://siacosmetics.ru/lico1/dlya-lica/krem-dlya-lica  - С вертикальным выпадом
      https://teplomir77.ru/ - С горизонтальным выпадом
       
       
      Добавил legioner26 Добавлено 12.02.2018 Категория Меню, дизайн, внешний вид Системные требования Сайт разработчика Старая цена 700 Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0 ocStore 3.0
      2.3
      2.2
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х  
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.