Манифест веб-студии NeoSeo от 12.10.2020 г. Детальнее

Перейти к публикации
NeoSeo Team

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

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

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

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

1.png

  1. Создаем структуру меню, как показано на рисунке2.png
  2. Для главной категории Ламинат задаем Название и Параметры: 3.png
  • Тип меню - Мега (Горизонтальное)
  • Выбираем Дополнительную иконку, которая будет отображаться рядом с этим пунктом
  • Выбираем изображение для выпадающего меню
  1. После настройки всех параметров необходимо сохранить меню и обновить страницу сайта

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

4.png

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

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

  1. Для главной категории Золотые кольца задаем Название и параметры: 6.png
  • Тип меню - Мега (Горизонтальное)
  • Выбираем иконку, которая будет отображаться рядом с этим пунктом
  • Выбираем изображение для выпадающего блока
  • Указываем дополнительный стиль background-repeat: no-repeat; background-position: right bottom; для правильного размещения фоновой картинки
  1. Для каждого вспомогательного пункта Колонка 1 и т.д. задаем Название и параметры
  • Тип меню - Мега (Горизонтальное)
  • Дополнительный стиль display: none; чтобы это название не выводилось в меню
  1. Для каждого пункта категории 2-го уровня задаем Название и параметры 7.png
  • Тип меню - Мега (Горизонтальное)
  • Изображение меню
  • Дополнительный класс title

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

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

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

8.png

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

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

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

  1. Для главной категории Женская обувь задаем Название и параметры:10.png
  • Тип меню - Мега (Горизонтальное)
  • Дополнительный класс mozaic-mega-menu
  • Выбираем иконку, которая будет отображаться рядом с этим пунктом
  1. Для каждого пункта Колонка 1 и т.д. задаем Название и параметры11.png
  • Тип меню - Мега (Горизонтальное)
  • Дополнительный класс mozaic-column
  • Дополнительный стиль display: none; чтобы это название не выводилось в меню
  1. Для каждого пункта реальной категории задаем Название и параметры12.png
  • Тип меню - Мега (Горизонтальное)
  • Изображение меню

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

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

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

13.png

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

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

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

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

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

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

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

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

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

17.png

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

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

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

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

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

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

20.png

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

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

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

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

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

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

22.png

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

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

  1. Для главной категории Рыболовные снасти задаем Название и параметры:
  • Тип меню - Мега (Горизонтальное)
  • Дополнительный класс table-mega-menu bg-img
  • Выбираем иконку, которая будет отображаться рядом с этим пунктом
  • Дополнительный стиль background-size: 35% 100%;background-repeat: no-repeat; background-position: left center; 26.jpg
  1. Для каждого пункта Колонка 1 и т.д. задаем Название и параметры
  • Тип меню - Мега (Горизонтальное)
  • Изображение в меню, которое будет располагаться слева в выпадающем меню
  1. Для каждого пункта реальной категории задаем Название и параметры
  • Тип меню - Мега (Горизонтальное)
  • Изображение меню
  1. После настройки всех параметров необходимо сохранить меню и обновить страницу сайта

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

1.jpg

  1. Создаем структуру меню, как показано на рисунке2.jpg
  2. Для главной категории Детские товары задаем Название и параметры:3.jpg
  • Дополнительный класс header-mega-menu
  • Тип меню - Мега (Горизонтальное)
  • Выбираем Дополнительную иконку, которая будет отображаться рядом с этим пунктом
  • Выбираем изображение для выпадающего меню
  1. Для ячейки “Колонка 4” выбираем изображение:4.jpg
  2. Для ячейки “Колонка 4” создаем пустую ссылку и прописываем стили opacity: 0:5.jpg
  3. Для ячейки “Колонка 5” создаем 5 брендов и ссылку на все категории:6.jpg
  • Для брендов задаем стили display:none и ставим изображение фоном 7.jpg
  • Для “Все бренды” прописываем нужную ссылку и добавляем класс baby-all-categories8.jpg

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

aaa.jpeg

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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


Ссылка на сообщение
Поделиться на других сайтах
11.06.2020 в 19:35, garik333 сказал:

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

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

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


Ссылка на сообщение
Поделиться на других сайтах
13 часов назад, NeoSeo Team сказал:

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

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

Спасибо.

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


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

Добрый день

Вопрос по настройке модуля ГЛАВНОЕ МЕНЮ на сайте отображается как КАТАЛОГ ТОВАРОВ на главной и страниц списка товаров остается открытым.
В настройках модуля отмечено-меню развёрнуто-однако в пользовательской части сайта на главной странице меню свёрнуто.Подскажите в чём причина?Может я не туда смотрю?
Спасибо за оперативный ответ на мой запрос.

Снимок.JPG

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


Ссылка на сообщение
Поделиться на других сайтах
13.06.2020 в 12:57, garik333 сказал:

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

Спасибо.

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

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


Ссылка на сообщение
Поделиться на других сайтах
5 часов назад, garik333 сказал:

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

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

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


Ссылка на сообщение
Поделиться на других сайтах
12 часов назад, NeoSeo Team сказал:

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

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

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

Снимок1.JPG

Снимок2.JPG

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


Ссылка на сообщение
Поделиться на других сайтах
13 часов назад, NeoSeo Team сказал:

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

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

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

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


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

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

Без имени-1.jpg

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


Ссылка на сообщение
Поделиться на других сайтах
12 часов назад, Вано_14_88 сказал:

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

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

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


Ссылка на сообщение
Поделиться на других сайтах
13 часов назад, NeoSeo Team сказал:

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

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

Без имени-2.jpg

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


Ссылка на сообщение
Поделиться на других сайтах
10 часов назад, Вано_14_88 сказал:

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

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

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


Ссылка на сообщение
Поделиться на других сайтах
7 минут назад, NeoSeo Team сказал:

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

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

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


Ссылка на сообщение
Поделиться на других сайтах
8 минут назад, Вано_14_88 сказал:

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

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

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


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

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

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


Ссылка на сообщение
Поделиться на других сайтах
7 часов назад, minosyan.anton@gmail.com сказал:

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

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

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

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


Ссылка на сообщение
Поделиться на других сайтах
14 часов назад, NeoSeo Team сказал:

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

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

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

скрин.png

скрин 2.png

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


Ссылка на сообщение
Поделиться на других сайтах
03.08.2020 в 13:55, minosyan.anton@gmail.com сказал:

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

скрин.png

скрин 2.png

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

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


Ссылка на сообщение
Поделиться на других сайтах
20 часов назад, minosyan.anton@gmail.com сказал:

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

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

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


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

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

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

Спасибо. 

Screenshot_30.jpg

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


Ссылка на сообщение
Поделиться на других сайтах
05.10.2020 в 12:36, 0442286 сказал:

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

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

Спасибо. 

Screenshot_30.jpg

Добрый день.

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

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

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


Ссылка на сообщение
Поделиться на других сайтах
25.06.2020 в 00:54, NeoSeo Team сказал:

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

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

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


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

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.


×
×
  • Создать...