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

Как реализовать автоматическое сворачивание меню?

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

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

Вот ссылки на такую реализацию:

Демо: http://352media.github.io/flexMenu/

Файлы: https://github.com/352Media/flexMenu/

Знаний в php, js нет. Я понимаю, что вот оно все - готовое! Да-да! Но как это внедрить понятия не имею, поэтому, если знаете, то подскажите.

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


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

1) прочитать книжку про php, js, css

2) внедрить, пользуясь полученными знаниями.

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


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

1) прочитать книжку про php, js, css

2) внедрить, пользуясь полученными знаниями.

Меньше всего хотелось получить этот совет!

Один человек не может обладать знаниями всего человечества. Кто-то в одной сфере развит, а кто-то в другой так и двигается прогресс. Мне нужен совет того, кто уже прочитал книжку по php, js и css.

Так-что жду помощь, кто знает как реализовать!

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

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


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

 

 

Кто-то в одной сфере развит, а кто-то в другой так и двигается прогресс

Прогресс двигается, когда один второму платит за его профессионализм, а второй - первому.

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


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

Прогресс двигается, когда один второму платит за его профессионализм, а второй - первому.

Тут не поспоришь, но и согласиться сложно! 

Моя просьба скорее всего обращена к тем людям, которые имеют созидательный образ мышления и отношения к жизни, которые не попросят у бабушки переведя ее через дорогу денег, а порадуются бабушкиной благодарности и надежде в ее взгляде, что не все еще потеряно, которые не попросят у малыша денег, когда объяснят ему почему трава зеленая, а солнышко греет и т.д. Понимаете? 

Я со своими знаниями в программировании ребенок по сравнению с программистом и для порядочного человека, реально понимающего толк в своем деле не составит труда объяснить как реализовать ту или иную мелкую задумку. 

Если считаете себя программистом, то изготовьте продукт и продавайте его тем, кому он действительно нужен. Примеров куча, даже на этом форуме: модуль Симпла, модуль автоматической загрузки прайсов, модуль ФильтрПРО, модуль Блога и т.д. - это уже практически бестселлеры и я могу сказать, что авторы этих продуктов имеют созидательный образ мышления.

Во-первых: они сделали то, что нужно людям,

во-вторых: на протяжении нескольких лет улучшают свои модули, относятся к ним, как к своим детям,

в-третьих: никогда не грубят покупателям, а терпимо выносят всю критику и используют ее для улучшения и только в-четвертых: получают за это деньги. Именно из-за их первоочередного желания помочь людям и второстепенного - заработать, они уважаемы и не жалко покупать их продукты еще и еще.

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


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

Вкратце так:

1. Загрузите файл flexmenu.min.js себе на сервер.

2. Подключите загруженный файл примерно так 

<script src="flexmenu.min.js"></script>

 (путь к файлу смотрите внимательно, может быть /themes/js/flexmenu.min.js).

3. Это на странице разместите, в футере к примеру.

<script type="text/javascript">
$('ul.menu.flex').flexMenu();
</script>

4. И для Вашего меню добавьте класс 

class="menu flex"

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


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

 

Вкратце так:

1. Загрузите файл flexmenu.min.js себе на сервер.

2. Подключите загруженный файл примерно так 

<script src="flexmenu.min.js"></script>

 (путь к файлу смотрите внимательно, может быть /themes/js/flexmenu.min.js).

3. Это на странице разместите, в футере к примеру.

<script type="text/javascript">
$('ul.menu.flex').flexMenu();
</script>

4. И для Вашего меню добавьте класс 

class="menu flex"

Спасибо большое! Вот это реальная помощь! Все работает. 

Я 2 битых дня потратил, чтобы это реализовать.

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


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

Спасибо большое! Вот это реальная помощь! Все работает. 

Я 2 битых дня потратил, чтобы это реализовать.

Бывает и больше времени тратиться. Особенно когда надо решить что-то нестандартное)

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


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

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

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

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

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

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

Войти

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

Войти

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

    • От 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 и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.