Jump to content
Sign in to follow this  
rimwolf21

Перенос меню с категориями под баннер

Recommended Posts

Всем доброго времени суток! подскажите нубу, как перенести основное меню с категориями из дефолтного места, в "тело" главной страницы, а точнее под баннер. 
адрес сайта Myjcb.ru
пробывал уже все способы которые знаю и нашел (форум гуглил). И через модули, и перенос кода из menu.twig и тд. мб что то неправильно делаю, подскажите пошагово и доступно :) буду очень благодарен

Screenshot_1.jpg

Share this post


Link to post
Share on other sites

перенесите посредством jquery и не будет нужды править шаблон

Share this post


Link to post
Share on other sites
12 минут назад, Pavel666 сказал:

перенесите посредством jquery и не будет нужды править шаблон

приношу извинения :) можно поподробнее как это сделать с помощью jquery? с этим языком не знаком, от слова вообще :(

Share this post


Link to post
Share on other sites
Только что, rimwolf21 сказал:

приношу извинения  можно поподробнее как это сделать с помощью jquery? с этим языком не знаком, от слова вообще 

 

ну например вставляете код ниже в html блок, и этот блок вставляете в макете туда где вам необходимо меню

<div id="new_position_menu"></div>
<script type="text/javascript">
  $('#menu').appendTo('#new_position_menu');
</script>

 

Share this post


Link to post
Share on other sites
24 минуты назад, Pavel666 сказал:

 

ну например вставляете код ниже в html блок, и этот блок вставляете в макете туда где вам необходимо меню

<div id="new_position_menu"></div>
<script type="text/javascript">
  $('#menu').appendTo('#new_position_menu');
</script>

 

:o:-o:-oВсе работает просто супер, сразу... я пытался через модули, но не знал какой код нужен.. Вы - волшебник)) большое человеческое спасибо )

Share this post


Link to post
Share on other sites
13 часов назад, Pavel666 сказал:

 

ну например вставляете код ниже в html блок, и этот блок вставляете в макете туда где вам необходимо меню

<div id="new_position_menu"></div>
<script type="text/javascript">
  $('#menu').appendTo('#new_position_menu');
</script>

 

Все отлично работает, одно но всплыло :( Когда убираешь {{ menu }} из header, то оно пропадает с главной вообще. Убрать решил из header потому что в других страницах это меню выходить не должно, например в страницах категорий получается вот такое. Вставить в случайное место в home.twig не дает результата. Подскажите, что можно сделать? очень буду благодарен.

Screenshot_2.jpg

Share this post


Link to post
Share on other sites

В таком случае да, вам лучше будет переписать контроллер и шаблон.

Если вам такое меню, только на главной необходимо.

 

P.S или как вариант просто скрыть стилями

Edited by Pavel666

Share this post


Link to post
Share on other sites
8 часов назад, Pavel666 сказал:

В таком случае да, вам лучше будет переписать контроллер и шаблон.

Если вам такое меню, только на главной необходимо.

 

P.S или как вариант просто скрыть стилями

не совсем понимаю как это сделать :( есть возможность объяснить детальнее?:unsure:

Share this post


Link to post
Share on other sites
47 минут назад, rimwolf21 сказал:

не совсем понимаю как это сделать  есть возможность объяснить детальнее?

стилями? 

// скрываем на всех страницах

#menu {

display: none;

}

 // показываем на главной

.common-home #menu {

display: block;

}

Edited by Pavel666

Share this post


Link to post
Share on other sites
19 часов назад, Pavel666 сказал:

стилями? 

// скрываем на всех страницах

#menu {

display: none;

}

 // показываем на главной

.common-home #menu {

display: block;

}

попробывал вставить просто в css, теперь меню просто пропало :( как правильно сделать, что бы верно отображалось? не совсем понимаю

Share this post


Link to post
Share on other sites
23 минуты назад, rimwolf21 сказал:

попробывал вставить просто в css, теперь меню просто пропало  как правильно сделать, что бы верно отображалось? не совсем понимаю

 

у вас почему то не body имеет имеет класс common-home а вложенный контейнер имеет id common-home 

т.е вторая строчка должна быть не 

.common-home #menu

а

#common-home #menu

Share this post


Link to post
Share on other sites
1 час назад, Pavel666 сказал:

 

у вас почему то не body имеет имеет класс common-home а вложенный контейнер имеет id common-home 

т.е вторая строчка должна быть не 

.common-home #menu

а

#common-home #menu

не работает все равно :(

Share this post


Link to post
Share on other sites
10 минут назад, rimwolf21 сказал:

не работает все равно 

Значит не правильно пишете, или добавляете не туда, например в начало таблицы css

 

вставьте в конец стайлшит 

#menu {
  display: none;
}
#common-home #menu {
  display: block;
}

и про кэш не забывайте, как в на сайте так и в браузере

Share this post


Link to post
Share on other sites
10 минут назад, Pavel666 сказал:

Значит не правильно пишете, или добавляете не туда, например в начало таблицы css

 

вставьте в конец стайлшит 

#menu {
  display: none;
}
#common-home #menu {
  display: block;
}

и про кэш не забывайте, как в на сайте так и в браузере

как вы это делаете...?! вставлял точно также , в конце css только образец как вы первый писали (с изменениями . на #)  и ничего не работало. теперь заработало как надо :-o:-o

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Similar Content

    • By TimTam
      Здравствуйте!
      подскажите, ищу ПЛАТНЫЙ модуль категорий/каталога приблизительно как в rozetka.com.ua - http://joxi.ru/L218GL8T0BP7bm
      основная задача, помимо конечно же непосредственного функционала - не подгружать названия категорий в код ХТМЛ при загрузке страницы, а только по клику на кнопку (я не понимаю как грамотно назвать эту технологию, уж простите :))
       
       
       
    • By 2OC
      650.00 руб
      Скачать/Купить дополнение


      2OC Megamenu
      Модуль 2OC Megamenu. Настройка в меню изображений, категорий, подкатегорий, продуктов и производителей. Возможность добавления произвольных ссылок. Показ подменю в качестве модального окна. Генерация меню из структуры категорий и подкатегорий. Установка своих стилей для элементов меню через админку и т.д. и т.п.
       
      ДЕМО:
      Главная страница
      Админка
      login: demo
      pass: demo
       
      Документация - описание, установка, настройка и примеры
      Если есть вопросы по модулю, его возможностям и можно ли реализовать с его помощью что-то, спрашивайте!
       
      2OC Megamenu совмещает в себе:
      Super MegaMenu - типы меню, вид и позиционирование на фронтенде. SO Megamenu - редактор меню в админке в частности Drag & Drop., на основе jQuery Nestable. Лучшее из меню таких шаблонов как Jornal, Fastor и Shopica - динамическая смена изображения, стикеры, кеширование, lazyload и ...  
      Удобный и быстрый редактор меню, Drag & Drop.

      В демо админке Drag & Drop не работает из-за ограничения прав...
       
      8 типов элементов меню:
      HTML-контент - возможность добавления в меню чистого HTML. Изображение - возможность добавления любого изображения или баннера в меню. Категория - возможность добавления категорий и подкатегориями в меню, позволяет сортировать, группировать и позиционировать как угодно. Подкатегория - возможность быстрого добавления определенных подкатегорий, без тонкого позиционирования как у категорий. Отличие от категорий в скорости и удобстве добавления. Продукт - возможность добавления отдельных продуктов с опциональной настройкой показа: изображения, описания, цены и рейтинга. Список продуктов - расширение функций Продукта количеством продуктов и типом показываемых продуктов: Новинки, Со скидками, Хиты продаж и Наиболее просматриваемые. Производитель - возможность показа списка производителей: имя производителя, логотип, имя с логотипом или список продуктов по производителю (производителями) Меню - возможность показа полноценного меню в качестве выпадающего подменю.  
      Динамическая смена изображений при наведении на пункты меню
      Добавлена возможность, при наведении на ссылку в выпадающем меню, смены изображения как для группы ссылок, так и для одного изображения на всё меню.
      Данная возможность доступна для таких типов меню как: категория и подкатегория, плюс если необходимо сделать что-то своё уникальное, это можно реализовать с помощью HTML-контент.
       
      Произвольные ссылки
      При создании меню есть возможность добавления произвольных ссылок, своих заголовков и изображений для динамической смены изображений.

       
      Стикеры
      Возможность писать любые тексты, устанавливать произвольные цвета текста и фона. На данный момент это возможно только для меню 1 уровня, в новых версиях будет добавлена возможность вешать стикеры на все элементы меню.
       
      Кеширование
      Реализована генерирация кэша для каждого меню, что позволяет при следующем обращении к меню отдавать его пользователю без единого запроса к базе данных, что повышает быстродействие и снижает нагрузку на сервер.
       
      Динамическая загрузка контента
      Отложенная загрузка пунктов меню, не при загрузке страницы, только в том случае, если пользователь на них наведет мышь или нажмет. Уменьшает HTML код, увеличивает скорость загрузки. Кешируется, при включенном кешировании. Скрывает большое количество ссылок от поисковиков.
       
      Lazyload
      Есть поддержка Lazyload, полезно для тех шаблонов в которых включена отложенная загрузка изображений.
       
      Скрытие пунктов меню
      Возможность скрытия пунктов меню: вертикальное меню - указав количество показываемых пунктов, горизонтальное, если они не умещаются на экране, то будут перемещены в дополнительное всплывающее меню.
       
      Поставляется с дополнительным модулем (модификатором) 2OC Layout header, который на примере темы по умолчанию показывает как правильно интегрировать 2OC Megamenu в вашу тему.
      Совместимость с другими темами из коробки не гарантируется! Могу помочь с интеграцией 2OC Megamenu в ваш шаблон.
      При особой необходимости и свободном времени могу адаптировать 2OC Megamenu под версии 2.1 или 2.2 OpenCart и ocStore.
       
      Пример внешнего вида меню типа подкатегория, с показом изображений категорий:
       
      Пример внешнего вида меню с изображениями и типом подкатегории, без показа изображений категорий:
       
      Пример внешнего вида меню с изображениями и типом категории:
       
      Примеры других типов меню смотрите на демо сайте и в админке...
       
      Если есть вопросы по модулю, его возможностям и можно ли реализовать с его помощью что-то, спрашивайте!
       
       
      Добавил 2OC Добавлено 11.03.2020 Категория Модули Системные требования Метод активации По запросу в ЛС
      По запросу на почту
      По скайпу Ioncube Loader Требуется OpenCart 3.0
      2.3 ocStore 3.0
      2.3 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика Нет Старая цена 0  
    • By Leingard
      Удобное адаптивное мобильное меню для Вашего магазина. Прекрасно сочетается с любым дизайном и значительно упрощает Вашим посетителям взаимодействие с Вашим сайтом.
       
      DEMO: http://gameshara.ru/module
       
       
       
      Обновление 3.0 от 01.02.2021
      Добавлена возможность добавлять произвольные пункты меню / ссылки / иконки и прочее Добавлена возможность сортировки всех пунктов (включая произвольные) Добавлено отображение количества товаров возле иконки корзины и в меню Добавлено отображение количества товаров в сравнении в меню Добавлено отображение количества товаров в закладках в меню Добавлена возможность изменять фоновое изображение Добавлена возможность установить селекторы на кнопки (добавить в корзину, сравнение, закладки). Т.к. темы у всех разные, указывайте Ваши селекторы. Добавлена возможность скрытия / отображения любых пунктов меню Добавлено событие поиска по нажатию кнопки Enter на смартфонах Добавлена инструкция в отдельную вкладку Исправлено отображение смены языков Добавлена украинская и английская локализация Исправлены неполадки с отображением каталога на некоторых темах  
      Обновление 2.0 NEW
      Добавлен Каталог товаров в меню Добавлена поддержка версии OpenCart 3+ Увеличен хит-бокс для открытия меню Добавлены новые параметры локализации Добавлены и переработаны стили  
      Обновление 1.0.1
      Исправлен баг при котором на некоторых темах submenu уходило влево  
      Возможности:
      Удобный Каталог товаров отображающий категории и подкатегории с плавной анимацией NEW Быстрые переходы в самые ключевые страницы сайта Быстрый переход в корзину товаров Опционально включение и выключение любых пунктов меню Вывод имени, фамилии и Email пользователя в шапке Строка поиска для более удобного серфинга по сайту Вывод строки регистрации в шапке мобильного меню Приятная анимация появления и исчезновения  
      DEMO: http://gameshara.ru/module/
       
      Инструкция в архиве.
       
      Лицензия:
      Модуль продается с лицензией на сайт. Одна покупка = Один домен Покупая копию модуля вы получаете право на использование. Распространения модуль платно или бесплатно нарушает лицензию и грозит обнулением покупки, а так же уголовной ответственность предусмотренной статей 146 УК РФ (Нарушение авторских и смежных прав)  Автор оставляет за собой право изменят условия предоставления лицензии, изменения цены и стоков продления лицензии. Все доработки, переработки и изменения функционала не входят в стоимость модуля и оплачиваются отдельно по письменной договоренности с автором.  
      Тип распространения:
      Как есть
    • By Leingard
      950.00 руб
      Скачать/Купить дополнение


      Мобильное меню для магазина - MyMobMenu PRO
      Удобное адаптивное мобильное меню для Вашего магазина. Прекрасно сочетается с любым дизайном и значительно упрощает Вашим посетителям взаимодействие с Вашим сайтом.
       
      DEMO: http://gameshara.ru/module
       
       
       
      Обновление 3.0 от 01.02.2021
      Добавлена возможность добавлять произвольные пункты меню / ссылки / иконки и прочее Добавлена возможность сортировки всех пунктов (включая произвольные) Добавлено отображение количества товаров возле иконки корзины и в меню Добавлено отображение количества товаров в сравнении в меню Добавлено отображение количества товаров в закладках в меню Добавлена возможность изменять фоновое изображение Добавлена возможность установить селекторы на кнопки (добавить в корзину, сравнение, закладки). Т.к. темы у всех разные, указывайте Ваши селекторы. Добавлена возможность скрытия / отображения любых пунктов меню Добавлено событие поиска по нажатию кнопки Enter на смартфонах Добавлена инструкция в отдельную вкладку Исправлено отображение смены языков Добавлена украинская и английская локализация Исправлены неполадки с отображением каталога на некоторых темах  
      Обновление 2.0 NEW
      Добавлен Каталог товаров в меню Добавлена поддержка версии OpenCart 3+ Увеличен хит-бокс для открытия меню Добавлены новые параметры локализации Добавлены и переработаны стили  
      Обновление 1.0.1
      Исправлен баг при котором на некоторых темах submenu уходило влево  
      Возможности:
      Удобный Каталог товаров отображающий категории и подкатегории с плавной анимацией NEW Быстрые переходы в самые ключевые страницы сайта Быстрый переход в корзину товаров Опционально включение и выключение любых пунктов меню Вывод имени, фамилии и Email пользователя в шапке Строка поиска для более удобного серфинга по сайту Вывод строки регистрации в шапке мобильного меню Приятная анимация появления и исчезновения  
      DEMO: http://gameshara.ru/module/
       
      Инструкция в архиве.
       
      Лицензия:
      Модуль продается с лицензией на сайт. Одна покупка = Один домен Покупая копию модуля вы получаете право на использование. Распространения модуль платно или бесплатно нарушает лицензию и грозит обнулением покупки, а так же уголовной ответственность предусмотренной статей 146 УК РФ (Нарушение авторских и смежных прав)  Автор оставляет за собой право изменят условия предоставления лицензии, изменения цены и стоков продления лицензии. Все доработки, переработки и изменения функционала не входят в стоимость модуля и оплачиваются отдельно по письменной договоренности с автором.  
      Тип распространения:
      Как есть Добавил Leingard Добавлено 14.09.2018 Категория Меню, дизайн, внешний вид Системные требования PHP 5.6+ Метод активации По запросу в ЛС
      По запросу на почту Ioncube Loader Нет OpenCart 3.0
      2.3
      2.1 ocStore 3.0
      2.3
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1 Обращение к серверу разработчика Нет Старая цена 750  
    • By tsolutions
      T-S - Расширенные категории позволяет выводить боковое меню в левой или правой колонке сайта.
       
      ===========================================================================
       
      Преимущества в сравнении со стандартным модулем "Категории" который есть в комплекте Opencart:
      Модуль имеет 3 режима, классическое меню (гармошка), меню с выпадающим блоком и меню с выпадающим списком Мобильная версия модуля Включение\отключение вывода категорий Ручной выбор категорий Счетчики товаров для категорий и подкатегорий Возможность задавать сортировку для категорий по порядку сортировки или по алфавиту Включение\отключение вывода изображения категорий Включение\отключение вывода заголовка блока категорий Включение\отключение вывода четвертого уровня категорий Возможность задавать текст заголовка для блока категорий (мультиязычность) Включение\отключение вывода производителей Ручной выбор производителей Включение\отключение вывода изображения производителей Возможность задавать сортировку для производителей по порядку сортировки или по алфавиту Возможность задавать текст заголовка для пункта производителей (мультиязычность) Возможность создать произвольные ссылки, указав расположение, название ссылки(мультиязычность), ссылку(мультиязычность), картинку, порядок сортировки. Огромное количество настроек для оформления модуля, благодаря этому вы сможете настроить внешний вид модуля не прибегая к правкам файлов стилей модуля. В случае если предусмотренных модулем настроек оформления не достаточно есть раздел "CSS код" в котором можно найти дополнительную информацию для более тонкой настройки Кэширование категорий и производителей  
      * Меню в режиме "с выпадающим списком" и "с выпадающим блоком" рекомендуется использовать для вывода только в левой колонке.
       
      =============================================================================
       
      Demo (Выпадающий список)
      Demo (Классический список)
      Admin
       
      =============================================================================
       
      Модуль переведен на Английский, Русский, Украинский языки.
      Модуль работает на opencart/ocStore 2.0, 2.1, 2.2, 2.3
      Модуль не требует установки дополнительных расширений на сервере.
      Модуль не изменяет и не заменяет файлы стандартного модуля категорий opencart.
      Лицензия распространяется на домен и все его поддомены.
      Обязательно прочтите инструкцию по установке, в архиве модуля(install_RU.txt).
  • 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.