Jump to content

Recommended Posts

Всем доброго дня, нужна помощь по редактированию горизонтального меню в 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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Ну у меня пока не получилось, походу руки не из...., вот скрипт 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;
}
}

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By 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 - С горизонтальным выпадом
       
      https://opencartforum.com/profile/723002-legioner26/?tab=field_core_pfield_13 ->> Собственный программный модуль по парсингу товаров под управлением OpenCart
      Добавил 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.х Обращение к серверу разработчика Нет  
    • By legioner26
      Разработан многофункциональный модификатор меню категорий товаров, который позволяет прям из админ панели решать массу задач без участия программиста. Очень простая и легкая установка.
      Так же внедрена мобильная версия модуля.
      Модификатор создан для изменения и добавления функционала в стандартный модуль категорий всех версий веток ОС начиная от 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 - С горизонтальным выпадом
       
      https://opencartforum.com/profile/723002-legioner26/?tab=field_core_pfield_13 ->> Собственный программный модуль по парсингу товаров под управлением OpenCart
    • By SergeTkach
      755.00 руб
      Скачать/Купить дополнение


      Удобное массовое редактирование товаров в OpenCart 2.x с модулем Handy Product Manager
      Внимание! Летняя скидка  -25% на мой самый свежий модуль!
      Предложение действует только в первый месяц этого лета!!
       
      Наполнение интернет-магазина товарами может превратиться в сущий кошмар, если использовать стандартную админку OpenCart.
      Модуль Handy Product Manager позволяет Вам массового редактировать и удобно добавлять товары в OpenCart 2, настолько же быстро, как если бы Вы прописывали товары в экселе. Но намного более удобно в плане работы с данными товара.
       
      Внимание!
      В версии 1.1.0 добавлен функционал массового редактирования товаров по заданным фильтрам. А также добавлена тестовая лицензия. Для получения тестовой версии модуля обращайтесь в личные сообщения на данном сайте.  
      Предупреждение!
      С версии 1.1.0 версия php 5.4 больше не поддерживается. Покупая модуль, Вы даете свое согласие с Лицензионным соглашением, которое представлено на этой странице ниже по тексту!!  
       
      ПРЕИМУЩЕСТВА МОДУЛЯ ПРИ МАССОВОМ РЕДАКТИРОВАНИИ ТОВАРОВ
      Массовые изменения по заданным фильтрам (главная категория, наличие категории, производитель, атрибут, опция, дата добавления) Массовая замена цен на заданный процент или фиксированную сумму Массовое назначение акций и скидок на заданный процент от цены товара Массовая генерация мета-тегов (в отличие от Seo Tags Generator, данные мета-теги записываются в базу данных) Массовая генерация рандомного текста с описаниями товаров (используется рандомизатор отсюда - http://xbb.uz/randomizator/text.bb) Массовое назначение атрибутов (очень полезно после импорта сотен товаров, у которых производитель не заполняет атрибуты так, как это нужно в OpenCart) Массовое назначение опций  
       
      ПРЕИМУЩЕСТВА МОДУЛЯ ПРИ ДОБАВЛЕНИИ И РЕДАКТИРОВАНИИ В СПИСКЕ ТОВАРОВ
      Удобный фильтр товаров в админке — позволяет быстро найти товар по ID, артикулу модели, категории, производителю, атрибуту и значению атрибута и даже по SEO URL.
      Быстрый выбор существующих атрибутов и опций прямо в списке товара без дополнительных всплывающих окон и переходов куда-бы то ни было.
      Возможность создания нового атрибута прямо в списке товара (!) и возможность выбрать значения атрибутов из выпадающего списка (1 раз вписал, потом просто кликаем — наподобие как в модуле Attribute select oc2.0, только в последнем нет создания нового атрибута на ходу)
      Быстрая загрузка изображений товаров прямо в списке товара с переименованием и распределением в папку категории, к которой отнесен товар (если категория выбрана перед загрузкой фотографии). Возможность загрузки товаров методом Drug & Drop + изменение сортировки изображений также выполняется перетаскиванием.
      Возможность клонировать сразу 99 экземпляров нужного товаров — что бывает очень удобно при выполнении работы по наполнению товаров определенной категории с очень похожими параметрами.
      Из поля зрения убраны поля доставка, вес, ширина, высота и тому подобные невостребованные поля
       
       
      КОГДА ВАМ ПРИГОДИТСЯ МОДУЛЬ HANDY PRODUCT MANAGER?
      Когда Вы хотите удобно быстро и без лишних переходов по страницам добавить товар в свой магазин или выполняете работу по наполнению сайта для заказчика
      Когда Вы хотите быстро отредактировать цены без необходимости делать экспорт товаров в xls (экселе) — работа в модуле изначально организована так, чтобы сделать изменения цены было настолько же просто, как в электронной таблице
      Когда Вы делаете SEO оптимизацию и хотите отредактировать мета-описания ряда товаров — HPM также будет удобнее, чем эксель.
       
       
      ДЕМО
      Данные для входа в демо-доступ:
         Логин: demo
         Пароль: demo

      Посмотрите:
      Список товаров (Меню Каталог -> HPM - Список товаров ) - http://hpm-ru.sergetkach.com/admin/index.php?route=extension/module/handy_product_manager/productList&page=1 Массовое редактирование товаров -http://hpm-ru.sergetkach.com/admin/index.php?route=extension/module/handy_product_manager/massEdit Настройки модуля - http://hpm-ru.sergetkach.com/admin/index.php?route=extension/module/handy_product_manager  
       
      ТЕХНИЧЕСКИЕ ТРЕБОВАНИЯ
      Разрешение монитора - от 1280px ширины - иначе, будет сложно понимать, что где находится. php версии 5.6 или выше На хостинге (сервере) должен быть включен IonCube Loader  
       
      ЛИЦЕНЗИОННОЕ СОГЛАШЕНИЕ
      Покупая и продолжая использовать данный продукт, Вы подтверждаете свое безоговорочное согласие со следующими условиями его использования.
       
      Модуль продается и используется на условиях "Как есть". Он представляет собой типичное решение типичной задачи. Все индивидуальные запросы, которые меняют функционал модуля решаются в индивидуальном порядке с конкретным покупателем и не являются гарантированными. Проверяйте наличие нужного функционала в демо модуля. Если Вы планируете дорабатывать модуль, необходимо получить согласие автора модуля на такие доработки. (Зачастую я не против внесения изменений в открытый код модуля, но формулировка "купил модуль с надеждой доработать, а тут закрыто" не является основанием для возврата.) Результаты платной доработки модуля могут включаться в следующую версию без получения согласия от клиента, оплатившего такую доработку. Вы осознаете что в таком случае Вы платите за срочность, а не зам сам функционал. Формулировка "модуль работает медленнее, чем я ожидал (или чем в демо)" также не является основание для возврата. Если у Вас очень много товара (или категорий), то перед покупкой лучше запросите пробную версию с пробной лицензий Лицензия выдается на 1 домен + может быть выдана на отладочные домены, которые соответствуют следующим требованиям:
      - Поддомен на основном домене
      - Поддомен на сайте разработчика (студии)
      - Локальный домен вида sitename.loc или sitename.local
      - Возможна (но не гарантируется) выдача копий лицензии на тестовый сайт, который находится на основном домене с неблагоприятным названием, из которого очевидно, что это не рабочий сайт В случае использования мультимагазина, лицензия выдается на основной домен, на котором будет осуществляться управления всеми магазинами. Автор  дает полную гарантию, что весь заявленный функционал, кроме экспериментального, будет работать на тех версиях системы, что заявлены с теми техническими характеристиками хостинга (сервера), что заявлены. В случае неработоспособности из-за ошибок в модуле, обязуется исправить ее в течение 3 рабочих дней или осуществить возврат с вычетом комиссий платежных систем. Гарантия не распространяется на новый экспериментальный функционал, который появляется при выпуске бета-версии модуля (добавляется слово Бета-версия после номера версии) Модуль содержит зашифрованные файлы, обеспечивающие контроль над лицензиями Вы отказываетесь от намерения запрашивать открытый исходный код зашифрованных файлов и осознаете, что любая попытка расшифровки файлов или иного взлома модуля является незаконной Вспомогательные модификаторы из папки "additional" (или "Дополнительные-модификаторы") являются бонусными. Они не входят в стоимость покупки. Гарантия на них не распространяется. Добавил SergeTkach Добавлено 03.12.2018 Категория Модули Системные требования PHP 5.6 - 7.0 + IonСube Loader v6 или PHP 7.1 - 7.2 + IonСube Loader v10 Сайт разработчика http://sergetkach.com/ Старая цена 999 Метод активации По запросу в ЛС
      По запросу на почту Ioncube Loader Требуется OpenCart 2.3
      2.2
      2.1 ocStore 2.3
      2.2
      2.1 OpenCart.Pro, ocShop Обращение к серверу разработчика Нет  
    • By SergeTkach
      Внимание! Летняя скидка  -25% на мой самый свежий модуль!
      Предложение действует только в первый месяц этого лета!!
       
      Наполнение интернет-магазина товарами может превратиться в сущий кошмар, если использовать стандартную админку OpenCart.
      Модуль Handy Product Manager позволяет Вам массового редактировать и удобно добавлять товары в OpenCart 2, настолько же быстро, как если бы Вы прописывали товары в экселе. Но намного более удобно в плане работы с данными товара.
       
      Внимание!
      В версии 1.1.0 добавлен функционал массового редактирования товаров по заданным фильтрам. А также добавлена тестовая лицензия. Для получения тестовой версии модуля обращайтесь в личные сообщения на данном сайте.  
      Предупреждение!
      С версии 1.1.0 версия php 5.4 больше не поддерживается. Покупая модуль, Вы даете свое согласие с Лицензионным соглашением, которое представлено на этой странице ниже по тексту!!  
       
      ПРЕИМУЩЕСТВА МОДУЛЯ ПРИ МАССОВОМ РЕДАКТИРОВАНИИ ТОВАРОВ
      Массовые изменения по заданным фильтрам (главная категория, наличие категории, производитель, атрибут, опция, дата добавления) Массовая замена цен на заданный процент или фиксированную сумму Массовое назначение акций и скидок на заданный процент от цены товара Массовая генерация мета-тегов (в отличие от Seo Tags Generator, данные мета-теги записываются в базу данных) Массовая генерация рандомного текста с описаниями товаров (используется рандомизатор отсюда - http://xbb.uz/randomizator/text.bb) Массовое назначение атрибутов (очень полезно после импорта сотен товаров, у которых производитель не заполняет атрибуты так, как это нужно в OpenCart) Массовое назначение опций  
       
      ПРЕИМУЩЕСТВА МОДУЛЯ ПРИ ДОБАВЛЕНИИ И РЕДАКТИРОВАНИИ В СПИСКЕ ТОВАРОВ
      Удобный фильтр товаров в админке — позволяет быстро найти товар по ID, артикулу модели, категории, производителю, атрибуту и значению атрибута и даже по SEO URL.
      Быстрый выбор существующих атрибутов и опций прямо в списке товара без дополнительных всплывающих окон и переходов куда-бы то ни было.
      Возможность создания нового атрибута прямо в списке товара (!) и возможность выбрать значения атрибутов из выпадающего списка (1 раз вписал, потом просто кликаем — наподобие как в модуле Attribute select oc2.0, только в последнем нет создания нового атрибута на ходу)
      Быстрая загрузка изображений товаров прямо в списке товара с переименованием и распределением в папку категории, к которой отнесен товар (если категория выбрана перед загрузкой фотографии). Возможность загрузки товаров методом Drug & Drop + изменение сортировки изображений также выполняется перетаскиванием.
      Возможность клонировать сразу 99 экземпляров нужного товаров — что бывает очень удобно при выполнении работы по наполнению товаров определенной категории с очень похожими параметрами.
      Из поля зрения убраны поля доставка, вес, ширина, высота и тому подобные невостребованные поля
       
       
      КОГДА ВАМ ПРИГОДИТСЯ МОДУЛЬ HANDY PRODUCT MANAGER?
      Когда Вы хотите удобно быстро и без лишних переходов по страницам добавить товар в свой магазин или выполняете работу по наполнению сайта для заказчика
      Когда Вы хотите быстро отредактировать цены без необходимости делать экспорт товаров в xls (экселе) — работа в модуле изначально организована так, чтобы сделать изменения цены было настолько же просто, как в электронной таблице
      Когда Вы делаете SEO оптимизацию и хотите отредактировать мета-описания ряда товаров — HPM также будет удобнее, чем эксель.
       
       
      ДЕМО
      Данные для входа в демо-доступ:
         Логин: demo
         Пароль: demo

      Посмотрите:
      Список товаров (Меню Каталог -> HPM - Список товаров ) - http://hpm-ru.sergetkach.com/admin/index.php?route=extension/module/handy_product_manager/productList&page=1 Массовое редактирование товаров -http://hpm-ru.sergetkach.com/admin/index.php?route=extension/module/handy_product_manager/massEdit Настройки модуля - http://hpm-ru.sergetkach.com/admin/index.php?route=extension/module/handy_product_manager  
       
      ТЕХНИЧЕСКИЕ ТРЕБОВАНИЯ
      Разрешение монитора - от 1280px ширины - иначе, будет сложно понимать, что где находится. php версии 5.6 или выше На хостинге (сервере) должен быть включен IonCube Loader  
       
      ЛИЦЕНЗИОННОЕ СОГЛАШЕНИЕ
      Покупая и продолжая использовать данный продукт, Вы подтверждаете свое безоговорочное согласие со следующими условиями его использования.
       
      Модуль продается и используется на условиях "Как есть". Он представляет собой типичное решение типичной задачи. Все индивидуальные запросы, которые меняют функционал модуля решаются в индивидуальном порядке с конкретным покупателем и не являются гарантированными. Проверяйте наличие нужного функционала в демо модуля. Если Вы планируете дорабатывать модуль, необходимо получить согласие автора модуля на такие доработки. (Зачастую я не против внесения изменений в открытый код модуля, но формулировка "купил модуль с надеждой доработать, а тут закрыто" не является основанием для возврата.) Результаты платной доработки модуля могут включаться в следующую версию без получения согласия от клиента, оплатившего такую доработку. Вы осознаете что в таком случае Вы платите за срочность, а не зам сам функционал. Формулировка "модуль работает медленнее, чем я ожидал (или чем в демо)" также не является основание для возврата. Если у Вас очень много товара (или категорий), то перед покупкой лучше запросите пробную версию с пробной лицензий Лицензия выдается на 1 домен + может быть выдана на отладочные домены, которые соответствуют следующим требованиям:
      - Поддомен на основном домене
      - Поддомен на сайте разработчика (студии)
      - Локальный домен вида sitename.loc или sitename.local
      - Возможна (но не гарантируется) выдача копий лицензии на тестовый сайт, который находится на основном домене с неблагоприятным названием, из которого очевидно, что это не рабочий сайт В случае использования мультимагазина, лицензия выдается на основной домен, на котором будет осуществляться управления всеми магазинами. Автор  дает полную гарантию, что весь заявленный функционал, кроме экспериментального, будет работать на тех версиях системы, что заявлены с теми техническими характеристиками хостинга (сервера), что заявлены. В случае неработоспособности из-за ошибок в модуле, обязуется исправить ее в течение 3 рабочих дней или осуществить возврат с вычетом комиссий платежных систем. Гарантия не распространяется на новый экспериментальный функционал, который появляется при выпуске бета-версии модуля (добавляется слово Бета-версия после номера версии) Модуль содержит зашифрованные файлы, обеспечивающие контроль над лицензиями Вы отказываетесь от намерения запрашивать открытый исходный код зашифрованных файлов и осознаете, что любая попытка расшифровки файлов или иного взлома модуля является незаконной Вспомогательные модификаторы из папки "additional" (или "Дополнительные-модификаторы") являются бонусными. Они не входят в стоимость покупки. Гарантия на них не распространяется.
    • By malinator
      Может кто подскажет, похожий модуль по меню, своими силами найти не получилось. Меню с горизонтальным выводом, вполне подойдет если туда придется руками забивать ссылки. Платные тоже подойдут. В оригинале на скринах - битрикс. Заранее спасибо.
      http://prntscr.com/nvaka0
      http://prntscr.com/nvalsf
  • Recently Browsing   0 members

    No registered users viewing this page.

×

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.