Настройка мега-меню в модуле Меню для OpenCart и {SEO-Магазина}

[NeoSeo Team]

Для настройки мега меню в модуле Neoseo Меню для OpenCart и {SEO-Магазина} необходимо зайти в админпанель - Дополнения - Модули - Neoseo Меню - Главное меню

Пример мега-меню Ламинат

1. Создаем структуру меню, как показано на рисунке
2. Для главной категории Ламинат задаем Название и Параметры: 

• Тип меню - Мега (Горизонтальное)
• Выбираем Дополнительную иконку, которая будет отображаться рядом с этим пунктом
• Выбираем изображение для выпадающего меню

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

Пример мега-меню Золотые кольца

1. Создаем структуру меню, как показано на рисунке

Примечание. Колонка1, Колонка 2 и т.д. вспомогательные пункты, необходимые для разметки меню на заданное количество колонок

1. Для главной категории Золотые кольца задаем Название и параметры: 

• Тип меню - Мега (Горизонтальное)
• Выбираем иконку, которая будет отображаться рядом с этим пунктом
• Выбираем изображение для выпадающего блока
• Указываем дополнительный стиль background-repeat: no-repeat; background-position: right bottom; для правильного размещения фоновой картинки

1. Для каждого вспомогательного пункта Колонка 1 и т.д. задаем Название и параметры

• Тип меню - Мега (Горизонтальное)
• Дополнительный стиль display: none; чтобы это название не выводилось в меню

1. Для каждого пункта категории 2-го уровня задаем Название и параметры 

• Тип меню - Мега (Горизонтальное)
• Изображение меню
• Дополнительный класс title

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

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

Пример мега-меню Женская обувь

1. Создаем структуру меню, как показано на рисунке

(чтобы получить структуру “мозаика”, чередуем в колонках 1 или 2 пункта)

Примечание. Колонка1, Колонка 2 и т.д. вспомогательные пункты, необходимые для разметки меню на заданное количество колонок

1. Для главной категории Женская обувь задаем Название и параметры:

• Тип меню - Мега (Горизонтальное)
• Дополнительный класс mozaic-mega-menu
• Выбираем иконку, которая будет отображаться рядом с этим пунктом

1. Для каждого пункта Колонка 1 и т.д. задаем Название и параметры

• Тип меню - Мега (Горизонтальное)
• Дополнительный класс mozaic-column
• Дополнительный стиль display: none; чтобы это название не выводилось в меню

1. Для каждого пункта реальной категории задаем Название и параметры

• Тип меню - Мега (Горизонтальное)
• Изображение меню

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

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

Пример мега-меню Женское белье

1. Создаем структуру меню, как показано на рисунке

(чтобы получилось разместить большую фоновую картинку справа, не стоит делать больше 3-х колонок)

Примечание. Колонка1, Колонка 2 и т.д. вспомогательные пункты, необходимые для разметки меню на заданное количество колонок. Для каждого из этих пунктов необходимо указать дополнительный стиль display: none; чтобы это название не выводилось в меню

1. Для главной категории Женское белье задаем Название и параметры:

• Тип меню - Мега (Горизонтальное)
• Выбираем иконку, которая будет отображаться рядом с этим пунктом
• Выбираем фоновую картинку ( в данном случае изображение должно быть сдвинуто вправо, чтобы не пересекаться с пунктами меню)
• Выбираем способ отображения картинки Изображение фоном
• Дополнительные классы third-mega-menu cover
• Дополнительный стиль background-size:cover

1. Для каждого пункта реальной категории задаем Название и параметры :

1. Тип меню - Мега (Горизонтальное)
2. Изображение меню

Примечание. Изображения необходимо подобрать так, чтобы они были примерно одинаковыми по размеру (квадратные или горизонтальные картинки). Тогда меню будет выглядеть корректно.

1. Дополнительный стиль display: none;

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

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

Пример мега-меню Наборы для вышивания

1. Создаем структуру меню, как показано на рисунке 

Примечание. Колонка1, Колонка 2 и т.д. вспомогательные пункты, необходимые для разметки меню на заданное количество колонок. Для каждого из этих пунктов необходимо указать дополнительный стиль display: none; чтобы это название не выводилось в меню

1. Для главной категории Наборы для вышивания задаем Название и параметры :

• Тип меню - Мега (Горизонтальное)
• Выбираем иконку, которая будет отображаться рядом с этим пунктом
• Выбираем фоновую картинку ( в данном случае изображение должно быть сдвинуто вправо, чтобы не пересекаться с пунктами меню)
• Выбираем способ отображения картинки Изображение фоном
• Дополнительные классы triple-mega-menu
• Дополнительный стиль background-size:cover

1. Для каждого пункта реальной категории задаем Название и параметры 

• Тип меню - Мега (Горизонтальное)
• Изображение меню

Примечание. Изображения необходимо подобрать так, чтобы они были примерно одинаковыми по размеру (квадратные или горизонтальные картинки). Тогда меню будет выглядеть корректно.

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

Пример мега-меню Туристическое снаряжение

1. Создаем структуру меню, как показано на рисунке (4 уровня вложенности)

Примечание. Колонка1, Колонка 2 и т.д. вспомогательные пункты, необходимые для разметки меню на заданное количество колонок. Для каждого из этих пунктов необходимо указать дополнительный стиль display: none; чтобы это название не выводилось в меню

1. Для главной категории Туристическое снаряжение задаем Название и параметры :

• Тип меню - Мега (Горизонтальное)
• Выбираем иконку, которая будет отображаться рядом с этим пунктом
• Выбираем фоновую картинку ( в данном случае изображение должно быть сдвинуто вправо, чтобы не пересекаться с пунктами меню)
• Выбираем способ отображения картинки Изображение фоном
• Надо добавить главной категории доп. класс all-category-show
• Каждой категории, которую надо скрыть, надо добавить доп. класс child-hidden
• Дополнительный стиль background-size:cover

1. Для каждого пункта реальной категории задаем Название и параметры:

• Тип меню - Мега (Горизонтальное)
• Изображение меню

Примечание. Изображения необходимо подобрать так, чтобы они были примерно одинаковыми по размеру (квадратные или горизонтальные картинки). Тогда меню будет выглядеть корректно.

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

Пример мега-меню Рыболовные снасти

1. Создаем структуру меню, как показано на рисунке 

Примечание. Колонка1, Колонка 2 и т.д. вспомогательные пункты, необходимые для разметки меню на заданное количество колонок. Для каждого из этих пунктов необходимо указать дополнительный стиль display: none; чтобы это название не выводилось в меню.

1. Для главной категории Рыболовные снасти задаем Название и параметры:

• Тип меню - Мега (Горизонтальное)
• Дополнительный класс table-mega-menu bg-img
• Выбираем иконку, которая будет отображаться рядом с этим пунктом
• Дополнительный стиль background-size: 35% 100%;background-repeat: no-repeat; background-position: left center; 

1. Для каждого пункта Колонка 1 и т.д. задаем Название и параметры

• Тип меню - Мега (Горизонтальное)
• Изображение в меню, которое будет располагаться слева в выпадающем меню

1. Для каждого пункта реальной категории задаем Название и параметры

• Тип меню - Мега (Горизонтальное)
• Изображение меню

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

Пример мега-меню Детские товары

1. Создаем структуру меню, как показано на рисунке
2. Для главной категории Детские товары задаем Название и параметры:

• Дополнительный класс header-mega-menu
• Тип меню - Мега (Горизонтальное)
• Выбираем Дополнительную иконку, которая будет отображаться рядом с этим пунктом
• Выбираем изображение для выпадающего меню

1. Для ячейки “Колонка 4” выбираем изображение:
2. Для ячейки “Колонка 4” создаем пустую ссылку и прописываем стили opacity: 0:
3. Для ячейки “Колонка 5” создаем 5 брендов и ссылку на все категории:

• Для брендов задаем стили display:none и ставим изображение фоном 
• Для “Все бренды” прописываем нужную ссылку и добавляем класс baby-all-categories

Пример мега-меню Акции

1. Создаем структуру меню, как показано на рисунке
   

Примечание. Колонка1, Колонка 2 и т.д. вспомогательные пункты, необходимые для разметки меню на заданное количество колонок. Для каждого из этих пунктов необходимо указать дополнительный стиль display: none; чтобы это название не выводилось в меню.

1. Для главной категории Акции задаем Название и параметры:
   1. Тип меню - Мега (Горизонтальное)
   2. Дополнительный класс action-mega-menu
   3. Выбираем иконку, которая будет отображаться рядом с этим пунктом
2. Для каждого пункта Колонка 1 и т.д. задаем Название и параметры

1. Тип меню - Мега (Горизонтальное)

1. Для каждого пункта реальной категории задаем Название и параметры
   1. Тип меню - Мега (Горизонтальное)
   2. Изображение меню
2. После настройки всех параметров необходимо сохранить меню и обновить страницу сайта

Пример мега-меню Коллекция LOFT

1. Создаем структуру меню, как показано на рисунке 
   

Примечание. Колонка1, Колонка 2 и т.д. вспомогательные пункты, необходимые для разметки меню на заданное количество колонок. Для каждого из этих пунктов необходимо указать дополнительный стиль display: none; чтобы это название не выводилось в меню.

1. Для главной категории Коллекция LOFT задаем Название и параметры:
   1. Тип меню - Мега (Горизонтальное)
   2. Дополнительный класс center-img-mega-men
   3. Выбираем иконку, которая будет отображаться рядом с этим пунктом

1. Для каждого пункта Колонка 1 и т.д. задаем Название и параметры

1. Тип меню - Мега (Горизонтальное)

1. Для каждого пункта реальной категории задаем Название и параметры
   1. Тип меню - Мега (Горизонтальное)
   2. Изображение меню
2. После настройки всех параметров необходимо сохранить меню и обновить страницу сайта

Пример мега-меню Межкомнатные двери

1. Создаем структуру меню, как показано на рисунке
   

Примечание. Колонка1, Колонка 2 и т.д. вспомогательные пункты, необходимые для разметки меню на заданное количество колонок. Для каждого из этих пунктов необходимо указать дополнительный стиль display: none; чтобы это название не выводилось в меню.

1. Для главной категории Межкомнатные двери задаем Название и параметры:
   1. Тип меню - Мега (Горизонтальное)
   2. Дополнительный класс side-img-mega-menu
   3. Выбираем иконку, которая будет отображаться рядом с этим пунктом

1. Для каждого пункта Колонка 1 и т.д. задаем Название и параметры

1. Тип меню - Мега (Горизонтальное)

1. Для каждого пункта реальной категории задаем Название и параметры
   1. Тип меню - Мега (Горизонтальное)
   2. Изображение меню (для категорий второго уровня)
2. После настройки всех параметров необходимо сохранить меню и обновить страницу сайта

[garik333]

Подскажите где настроить на главной меню (каталог товаров) каталог свёинут или раскрыт ? после перехода на протокол безопасности слетели настройки

[NeoSeo Team]

11.06.2020 в 19:35, garik333 сказал:

Подскажите где настроить на главной меню (каталог товаров) каталог свёинут или раскрыт ? после перехода на протокол безопасности слетели настройки

Вам нужно, чтобы на главной меню было раскрыто? а правильно ли Вы перешли на https? В конфиге везде ли указали https? в настройках сайта указали использование ssl? Очистили ли кэш системы?

[garik333]

13 часов назад, NeoSeo Team сказал:

Вам нужно, чтобы на главной меню было раскрыто? а правильно ли Вы перешли на https? В конфиге везде ли указали https? в настройках сайта указали использование ssl? Очистили ли кэш системы?

В конфиге всё прописали специалисты хостинга (думаю должно быть правильно).А подскажите пожалуйста где в настройках сайта добавить использование ssl ?

Спасибо.

[garik333]

В настройках использование ssl  включено - нашёл

[garik333]

Добрый день

Вопрос по настройке модуля ГЛАВНОЕ МЕНЮ на сайте отображается как КАТАЛОГ ТОВАРОВ на главной и страниц списка товаров остается открытым.

В настройках модуля отмечено-меню развёрнуто-однако в пользовательской части сайта на главной странице меню свёрнуто.Подскажите в чём причина?Может я не туда смотрю?

Спасибо за оперативный ответ на мой запрос.

https://gid-to.com/  

[garik333]

Подскажите а кто то от компании НЕО СЕО отвечает на форуме?

[NeoSeo Team]

13.06.2020 в 12:57, garik333 сказал:

В конфиге всё прописали специалисты хостинга (думаю должно быть правильно).А подскажите пожалуйста где в настройках сайта добавить использование ssl ?

Спасибо.

Лучше не надеяться, а проверить все лично. проверьте содержимое файла конфига  config.php в корне сайта. а именно переменные  HTTP_SERVER и HTTPS_SERVER. и там и там должно быть https

[NeoSeo Team]

5 часов назад, garik333 сказал:

Подскажите а кто то от компании НЕО СЕО отвечает на форуме?

Мы предоставляем ответ в порядке очереди. спасибо за ожидание

[garik333]

12 часов назад, NeoSeo Team сказал:

Лучше не надеяться, а проверить все лично. проверьте содержимое файла конфига  config.php в корне сайта. а именно переменные  HTTP_SERVER и HTTPS_SERVER. и там и там должно быть https

Вы имеете ввиду добавить HTTPS_SERVER в первой строчке? 

После добавления выдаёт ошибку (2 скрин)

[garik333]

13 часов назад, NeoSeo Team сказал:

Лучше не надеяться, а проверить все лично. проверьте содержимое файла конфига  config.php в корне сайта. а именно переменные  HTTP_SERVER и HTTPS_SERVER. и там и там должно быть https

Прописал-всё заработало.

Спасибо за подсказку и помощь в решении вопроса.

[Вано_14_88]

Добрый день! Подскажите не могу добавить больше 6 категорий в каталог товаров. Там стоит ограничение?

[NeoSeo Team]

12 часов назад, Вано_14_88 сказал:

Добрый день! Подскажите не могу добавить больше 6 категорий в каталог товаров. Там стоит ограничение?

Возможно ограничения есть в передаче количества данных в пост запросе. 

[Вано_14_88]

13 часов назад, NeoSeo Team сказал:

Возможно ограничения есть в передаче количества данных в пост запросе. 

Добрый день. Возможно немного не правильно сформулировал проблему. У меня получается добавить и 7 и более, основных категорий, но тогда надо удалить одну из подкатегорий и наоборот если надо добавить подкатегорию, то надо удалить категорию.  Всего общее кол-во категорий и подкатегорий 30шт.  И это касается всего Основного меню. Т.е. добавить еще информацию не получается (о нас, способы доставки и т.д.).  Такая же проблема существует и в Меню категорий на главной. (Изначально не знал что там категория сама подтягивает подкатегории и делал по схеме Главного меню).  Вот мои настройки хостинга и видео с моей проблемой. 

[NeoSeo Team]

10 часов назад, Вано_14_88 сказал:

Добрый день. Возможно немного не правильно сформулировал проблему. У меня получается добавить и 7 и более, основных категорий, но тогда надо удалить одну из подкатегорий и наоборот если надо добавить подкатегорию, то надо удалить категорию.  Всего общее кол-во категорий и подкатегорий 30шт.  И это касается всего Основного меню. Т.е. добавить еще информацию не получается (о нас, способы доставки и т.д.).  Такая же проблема существует и в Меню категорий на главной. (Изначально не знал что там категория сама подтягивает подкатегории и делал по схеме Главного меню).  Вот мои настройки хостинга и видео с моей проблемой. 

Попробуйте поставить php_max_input_vars 10000

[Вано_14_88]

7 минут назад, NeoSeo Team сказал:

Попробуйте поставить php_max_input_vars 10000

Спасибо большое за ответ, все помогло. Я поставил его 100000, но по чему то результат не сохранился на хостинге, либо интернет пропал, либо лаг. Только теперь увидел. Спасибо!!! 

[NeoSeo Team]

8 минут назад, Вано_14_88 сказал:

Спасибо большое за ответ, все помогло. Я поставил его 100000, но по чему то результат не сохранился на хостинге, либо интернет пропал, либо лаг. Только теперь увидел. Спасибо!!! 

Всегда рады Вам помочь )

[minosyan.anton@gmail.com]

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

[NeoSeo Team]

7 часов назад, minosyan.anton@gmail.com сказал:

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

Здравствуйте. 

Покажите, пожалуйста, на скринах размеры изображений чего конкретно Вы изменяете и в каких опциях в настройках? (скрины витрины и настроек модуля)

[minosyan.anton@gmail.com]

14 часов назад, NeoSeo Team сказал:

Здравствуйте. 

Покажите, пожалуйста, на скринах размеры изображений чего конкретно Вы изменяете и в каких опциях в настройках? (скрины витрины и настроек модуля)

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

[minosyan.anton@gmail.com]

03.08.2020 в 13:55, minosyan.anton@gmail.com сказал:

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

Добрый день! Подскажите пожалуйста, на мой вопрос пока нет ответа?

[NeoSeo Team]

20 часов назад, minosyan.anton@gmail.com сказал:

Добрый день! Подскажите пожалуйста, на мой вопрос пока нет ответа?

Добрый день.
Максимальные размер изображения - 120 px.

[0442286]

Добрый день, в мобильной версии не выводятся товары из каталога при нажатии в меню как на скрине.

Помогите решить проблему.

Спасибо. 

[NeoSeo Team]

05.10.2020 в 12:36, 0442286 сказал:

Добрый день, в мобильной версии не выводятся товары из каталога при нажатии в меню как на скрине.

Помогите решить проблему.

Спасибо. 

Добрый день.

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

Как только ошибка будет устранена, мы Вам сообщим.

[Alex1984]

25.06.2020 в 00:54, NeoSeo Team сказал:

Попробуйте поставить php_max_input_vars 10000

Была такая же проблема,  сделал как вы написали , все работало хорошо. Сегодня решил добавить еще одну подкатегорию и после нажатие кнопки сохранить все категории исчезли . Остались только 30 штук. Подскажите как решить данный вопрос . max input vars  поставил уже 500000 ничего не изменилось.