DenisSib

Изменение горизонтального меню с поддержкой под мобильные устройства. Ocstore 2.1

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

DenisSib    0

Всем привет, помоги пожалуйста решить проблему в Ocstore 2.1.0.2.1 сделал категории товаров слева, горизонтальное меню с категориями решил переделать под информационное (о нас, доставка, контакты), все получилось благодаря хорошему человеку, ниже изменения которые сделал. Суть проблемы в том, что горизонтальный каталог так же рассчитан под мобильные устройства, после этих изменений в телефоне пустая синия полоска. Думаю о двух вариантах решения проблемы:

1 дописать код который будет на компьютерах выдавать информационные статьи, а на мобильных устройствах каталог

2 или второй вариант к стандартному горизонтальному меню добавить открывающиеся информацию с разделами как реализовано в http://www.opencart.com/index.php?route=extension/extension/info&extension_id=10969&filter_search=horizontal%20menu&filter_license=0&filter_download_id=43&page=1

но тогда нужно изменить вид каталога в этом меню, то есть сделать категории не отдельными, а таким же как и информация

 

Изменения которые сделал:

\catalog\controller\common\header.php

перед if (file_exists(DIR_TEMPLATE

  1. $this->load->language('module/information');
  2.  
  3.         $data['heading_title'] = $this->language->get('heading_title');
  4.  
  5.         $data['text_contact'] = $this->language->get('text_contact');
  6.         $data['text_sitemap'] = $this->language->get('text_sitemap');
  7.  
  8.         $this->load->model('catalog/information');
  9.  
  10.         $data['informations'] = array();
  11.  
  12.         foreach ($this->model_catalog_information->getInformations() as $result) {
  13.             $data['informations'][] = array(
  14.                 'title' => $result['title'],
  15.                 'href' => $this->url->link('information/information', 'information_id=' . $result['information_id'])
  16.             );
  17.         }
  18.  

\catalog\view\theme\default\template\common\header.tpl

Далее в место

  1. <?php if ($categories) { ?>
  2. <div class="container">
  3. <nav id="menu" class="navbar">
  4. <div class="navbar-header"><span id="category" class="visible-xs"><?php echo $text_category; ?></span>
  5. <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button>
  6. </div>
  7. <div class="collapse navbar-collapse navbar-ex1-collapse">
  8. <ul class="nav navbar-nav">
  9. <?php foreach ($categories as $category) { ?>
  10. <?php if ($category['children']) { ?>
  11. <li class="dropdown"><a href="<?php echo $category['href']; ?>" class="dropdown-toggle" data-toggle="dropdown"><?php echo $category['name']; ?></a>
  12. <div class="dropdown-menu">
  13. <div class="dropdown-inner">
  14. <?php foreach (array_chunk($category['children'], ceil(count($category['children']) / $category['column'])) as $children) { ?>
  15. <ul class="list-unstyled">
  16. <?php foreach ($children as $child) { ?>
  17. <li><a href="<?php echo $child['href']; ?>"><?php echo $child['name']; ?></a></li>
  18. <?php } ?>
  19. </ul>
  20. <?php } ?>
  21. </div>
  22. <a href="<?php echo $category['href']; ?>" class="see-all"><?php echo $text_all; ?> <?php echo $category['name']; ?></a> </div>
  23. </li>
  24. <?php } else { ?>
  25. <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>
  26. <?php } ?>
  27. <?php } ?>
  28. </ul>
  29. </div>
  30. </nav>
  31. </div>
  32. <?php } ?>
  33.  

Вставляем

  1. <div class="container">
  2. <nav id="menu" class="navbar">
  3.  
  4. <div class="collapse navbar-collapse navbar-ex1-collapse">
  5. <ul class="nav navbar-nav">
  6. <?php foreach ($informations as $information) { ?>
  7. <li>
  8. <a href="<?php echo $information['href']; ?>">
  9.                 <?php echo $information['title']; ?></a>
  10. </li>
  11. <?php } ?>
  12. </ul>
  13. </div>
  14. </nav>
  15. </div>

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


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

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

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

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

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

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

Войти

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

Войти


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

    • От iDiy

      750.00 руб
      Скачать/Купить дополнение


      Модуль меню YUMenu (custom menu)
      Расширенный модуль меню YUMenu (custom menu)
      Надежный и функциональный модуль горизонтального, вертикального меню и витрины YUMenu - позволяет создавать великолепные меню из абсолютно произвольных элементов (ссылок) и/или выбирать их из существующего каталога, используя большой выбор параметров и пользовательских настроек.
       
      Особенности:
      неограниченный уровень вложенности; выборочные элементы меню (категории, производители, статьи, товары); произвольные ссылки с собственными параметрами (группы, классы, иконки...); горизонтальное адаптивное меню (активно развивается); вертикального меню в трех стилях: "Accordion", меню "Flyout" и меню "Drill Down"; многоуровневая витрина с эффектом "Accordion"; отображение меню для конкретной категории/производителя/товара; экспорт/импорт настроек модуля и структуры элементов меню; функция скрытия пустых категорий и производителей (без товара); количество товаров категории и производителя без потери производительности; поддержка мульти-магазинов и групп пользователей; подключение и использование произвольных стилей и скриптов; всего 1 запрос к БД для всех категорий + товаров + производителей + статьи; всего 1 запрос к БД при подсчете количества товаров категории/производителя; модуль не заменяет системных файлов и не использует кеш; простая установка в меню дополнений  
      Совместимость: OpenCart, ocStore, ocShop и другие сборки версий 2.1.x - 2.3.х
      Системные требования: PHP 5.6+, Ioncube Loader 6+
       
      Демонстрация работы модуля на примере:
      Категории, Товара, Производителя
      Админ демо (логин/пароль: demo/demo)
       
      Добавил iDiy Добавлено 29.06.2017 Категория Модули Системные требования PHP 5.6+, Ioncube Loader 6+ Сайт разработчика Старая цена Метод активации По запросу на почту Ioncube Loader Требуется OpenCart 2.3
      2.2
      2.1 ocStore 2.3
      2.2
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1  
    • От AWARO

      Скачать/Купить дополнение


      Next Default 3
      ПРЕЖДЕ ВНИМАТЕЛЬНО ЧИТАЕМ ОПИСАНИЕ!
       
      НОВИНКА - HYPER LOYALTY +   Управление лояльностью клиента +
       
      Внедряем новый инструмент управления лояльностью клиента  HYPER LOYALTY + и используем свой магазин по максимуму, привлекая клиентов к новым и новым покупкам!
      --------------------------------------------------------------------------------------------------------------------------------------------------------
      Версия для опенкарт 3x будет как только набежит 10 покупок соответствующей услуги
      см. Дополнительные услуги - 499р это справа >
       
      Версия шаблона для ocStore 2.3х
      Установка: читаем внимательно!

      Сделайте свой сайт ещё более уникальным и презентабельным
      Используйте модуль HYPER POSITIONS - подробнее ТУТ
       
       
      Демо Админка demo\demo 
                ДЕМО 2.3х - тут                                             ДЕМО 2.3х - тут                                           ДЕМО 2.1 - тут 
        пример оформления модулем                                                 стандартное
              HYPER Positions                                                     оформление
              

      -------------------------------------------------------
      Описание к версии для ocStore 2.1.0.2.1
      ----------------------------------------------------------------------------
      99% модулей встанут как на дефолтный ocStore примерно 1% отношу к кривым модулям (могу ошибаться).
      Благодарность ваша это тыкнуть 5 звезд файлу если вам угодил! Это мотивирует нас на дальнейшее развитие шаблона.
      Спасибо вам за спасибо!)
      Пользуйтесь на здоровье)
      Если необходимы - Доработки - Допилить - Перепилить и т.д. > пишите нам в ЛС - ПЛАТНО!
      Все прочие вопросы оставляем тут в теме!
      Лицензия:
      Свободное пользование / Не для продажи!
      Добавил AWARO Добавлено 05.05.2016 Категория Бесплатные шаблоны Системные требования Прямые руки :) Сайт разработчика тут Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 3.0 ocStore 2.3
      2.1 OpenCart.Pro, ocShop Не проверялось  
    • От AWARO
      ПРЕЖДЕ ВНИМАТЕЛЬНО ЧИТАЕМ ОПИСАНИЕ!
       
      НОВИНКА - HYPER LOYALTY +   Управление лояльностью клиента +
       
      Внедряем новый инструмент управления лояльностью клиента  HYPER LOYALTY + и используем свой магазин по максимуму, привлекая клиентов к новым и новым покупкам!
      --------------------------------------------------------------------------------------------------------------------------------------------------------
      Версия для опенкарт 3x будет как только набежит 10 покупок соответствующей услуги
      см. Дополнительные услуги - 499р это справа >
       
      Версия шаблона для ocStore 2.3х
      Установка: читаем внимательно!

      Сделайте свой сайт ещё более уникальным и презентабельным
      Используйте модуль HYPER POSITIONS - подробнее ТУТ
       
       
      Демо Админка demo\demo 
                ДЕМО 2.3х - тут                                             ДЕМО 2.3х - тут                                           ДЕМО 2.1 - тут 
        пример оформления модулем                                                 стандартное
              HYPER Positions                                                     оформление
              

      -------------------------------------------------------
      Описание к версии для ocStore 2.1.0.2.1
      ----------------------------------------------------------------------------
      99% модулей встанут как на дефолтный ocStore примерно 1% отношу к кривым модулям (могу ошибаться).
      Благодарность ваша это тыкнуть 5 звезд файлу если вам угодил! Это мотивирует нас на дальнейшее развитие шаблона.
      Спасибо вам за спасибо!)
      Пользуйтесь на здоровье)
      Если необходимы - Доработки - Допилить - Перепилить и т.д. > пишите нам в ЛС - ПЛАТНО!
      Все прочие вопросы оставляем тут в теме!
      Лицензия:
      Свободное пользование / Не для продажи!
    • От iDiy
      Расширенный модуль меню YUMenu (custom menu)
      Надежный и функциональный модуль горизонтального, вертикального меню и витрины YUMenu - позволяет создавать великолепные меню из абсолютно произвольных элементов (ссылок) и/или выбирать их из существующего каталога, используя большой выбор параметров и пользовательских настроек.
       
      Особенности:
      неограниченный уровень вложенности; выборочные элементы меню (категории, производители, статьи, товары); произвольные ссылки с собственными параметрами (группы, классы, иконки...); горизонтальное адаптивное меню (активно развивается); вертикального меню в трех стилях: "Accordion", меню "Flyout" и меню "Drill Down"; многоуровневая витрина с эффектом "Accordion"; отображение меню для конкретной категории/производителя/товара; экспорт/импорт настроек модуля и структуры элементов меню; функция скрытия пустых категорий и производителей (без товара); количество товаров категории и производителя без потери производительности; поддержка мульти-магазинов и групп пользователей; подключение и использование произвольных стилей и скриптов; всего 1 запрос к БД для всех категорий + товаров + производителей + статьи; всего 1 запрос к БД при подсчете количества товаров категории/производителя; модуль не заменяет системных файлов и не использует кеш; простая установка в меню дополнений  
      Совместимость: OpenCart, ocStore, ocShop и другие сборки версий 2.1.x - 2.3.х
      Системные требования: PHP 5.6+, Ioncube Loader 6+
       
      Демонстрация работы модуля на примере:
      Категории, Товара, Производителя
      Админ демо (логин/пароль: demo/demo)
       
    • От xds

      1 250.00 руб
      Скачать/Купить дополнение


      [Распродажа] XDS Coloring Theme. Адаптивный шаблон для Opencart 2.x
      XDS Coloring Theme - это современный адаптивный шаблон для опенкарт 2.x, включающий в себя комплекс дополнительных модулей и настроек, необходимых для полноценной работы современного интернет магазина. Шаблон построен на базе популярного фреймворка Bootstrap 3 и максимально использует его возможности в своей работе. Шаблон обладает продуманными юзабилити и интуитивно понятным интерфейсом, от которых, как известно, напрямую зависит конверсия интернет магазина.
       
      Демонстрация
       
      Главная страница: открыть в новой вкладке Страница товара: открыть в новой вкладке Страница категории: открыть в новой вкладке Администрирование: открыть в новой вкладке, доступ: demo / demo Тестовый доступ для для покупателя: demo@xds.by / demo  
      Услуги автора шаблона
       
      Установка движка, шаблона на ваш хостинг Установка шаблона на действующий магазин Индивидуальные доработки шаблона Создание магазина "под ключ" на базе шаблона   
      По всем вопросам обращайтесь в ЛС или на почту info@xds.by
       
      Описание шаблона
       
      Помимо базовых возможностей движка, шаблон несет в себе целый комплекс дополнительных настроек и модулей, таких как: форма заказа обратного звонка, быстрый заказ товаров, быстрый просмотр товаров, всплывающая корзина, дополнительные модули-карусели товаров с расширенными настройками, настраиваемые контакты в шапке сайта, 2 дополнительных меню в шапке сайта, настраиваемое меню категорий с функцией “амазон-меню”, иконки платежных систем в подвале сайта, интерактивная карта в подвале сайта, микро разметка в карточке товара и пр. Функционал шаблона постоянно расширяется и дополняется, поэтому нету смысла перечислять здесь все его возможности. Лучше один раз увидеть, чем 100 раз услышать прочитать)
       
      Конечно, можно попытаться собрать подобный функционал самостоятельно из сторонних модулей, но это обойдется вам в приличную сумму в разы превышающую стоимость шаблона. А ведь все эти модули нужно еще заставить работать вместе. И работать корректно и быстро. А потом все это надо оформить в едином стиле, со вкусом и знанием дела. В шаблоне все эти модули работают как “единый организм” и максимально задействуют базовый набор плагинов, предоставляемый движком opencart, что положительно сказывается на производительности и скорости работы шаблона.
       
      Системные требования
       
      Для корректной работы шаблона начиная с версии 1.3.0 на вашем хостинге должен быть установлен IonCube Loader версии не ниже 4.4 с PHP не ниже 5.3. У подавляющего большинства современных хостингов с этим проблем нет, но, на всякий случай, уточняйте эту информацию у вашего хостера перед покупкой. В остальном, системные требования шаблона идентичны требованиям opencart.
       
      Совместимость
       
      Шаблон тестировался и точно работает с оригинальной сборкой opencart а так же со сборкой от opencart-russia.ru и ocstore. На других сборках шаблон не тестировался и за его работоспособность на них, я не отвечаю. Обратите внимание, что как правило, версии шаблона для более ранних версий движка имеют более ограниченный функционал, чем для новых. Обычно в названии архива с шаблоном обозначено для какой версии opencart он предназначен.
       
      Лицензия / условия использования
       
      Шаблон реализуется по принципу: “1 копия - 1 домен + 1 тестовый домен”. Шаблон лицензируется путем внесения вашего домена в лицензионную базу данных. После покупки, вам необходимо сообщить мне домены для активации через личные сообщения на этом форуме. Если вы не можете написать мне личное сообщение, то вероятнее всего вы не активировали вашу учетную запись на данном форуме. Возможность писать ЛС появится только после ее активации.
       
      Техническая поддержка
       
      Обязательным условием получения технической поддержки является соблюдение системных требований шаблона и Openсart!!! Техническая поддержка покупателей шаблона осуществляется только через личные сообщения на данном форуме и доступна только пользователям, числящимся в списке покупателей шаблона. Без исключений! При обращении за поддержкой указывайте версию движка, версию шаблона и прилагайте ссылку на проблемную страницу
       
      Условия покупки шаблона
       
      Предметом сделки является шаблон в том виде, в котором он существует на момент покупки. Все последующие обновления и техническая поддержка доступны покупателям бесплатно, но являются бонусом-дополнением к покупке, а не составной частью этой покупки. Шаблон, как и любые другие цифровые товары, не подлежит возврату и обмену. Покупая шаблон в любом из официальных источников вы соглашаетесь со всем вышеизложенным.
      .
      Добавил xds Добавлено 19.04.2015 Категория Платные шаблоны Системные требования Сайт разработчика http://xds.by Старая цена 2990 Метод активации По запросу в ЛС Ioncube Loader Требуется OpenCart 2.3
      2.2
      2.1 ocStore 2.3
      2.2
      2.1 OpenCart.Pro, ocShop Не проверялось  
  • Последние посетители   0 пользователей онлайн

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