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

Ищу подобное горизонтальное меню

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

Добрый день.

Подскажите как можно на опенкарте реализовать такое выдвижное меню как на loccitane.ru? Т.е. наводите на лицо - тело и т.д. и как то вниз часть сайта уходит и подменю появляется, да еще и картинки можно вставлять..

 

 

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


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

У опенкарта меню выводится поверх страницы за счет более высокого значения z-index

В вашем случае нужно, чтобы он совпадал со всей страницей.

И по hover использовать не обычный display:block, а эффект из jquery. В вашем случае это плавное изменение высоты блока меню http://jquery.page2page.ru/index.php5/%D0%A0%D0%B0%D0%B7%D0%B2%D0%BE%D1%80%D0%B0%D1%87%D0%B8%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5_%D0%B8_%D1%81%D0%B2%D0%BE%D1%80%D0%B0%D1%87%D0%B8%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5_%D1%8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%BE%D0%B2

Что касается картинок - отдельно нужно делать. Тут уже одними стилями никак. Это дополнительный функционал 

Изменено пользователем deim

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


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

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

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

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

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

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

Войти

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

Войти

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

    • От 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)
       
    • От 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.х  
    • От 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/ - С горизонтальным выпадом
       
       
    • От mikh
      Скачать/Купить дополнение


      Шаблон "Good-night" для ocStore 1.5.5.1.2. - горизонтальное меню+img категории
      Шаблон удален разработчиком!
      Добавил mikh Добавлено 11.10.2014 Категория Бесплатные шаблоны Системные требования Сайт разработчика Старая цена Метод активации Ioncube Loader OpenCart ocStore OpenCart.Pro, ocShop  
  • Последние посетители   0 пользователей онлайн

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

×

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

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