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

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

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

Всем привет, помоги пожалуйста решить проблему в 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>

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


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

Доброго времени суток. Скажите пожалуйста, получилось решить проблему?

 

Спасибо.

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


Ссылка на сообщение
Поделиться на другие сайты
On 10.08.2016 at 10:08 AM, DenisSib said:

Всем привет, помоги пожалуйста решить проблему в 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>

Доброго времени суток. Скажите пожалуйста, получилось решить проблему?

 

Спасибо.

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


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

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

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

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

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

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

Войти

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

Войти

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

    • От zcell
      300.00 руб
      Скачать/Купить дополнение


      Избранное (закладки) без регистрации и авторизации
      Избранное без регистрации для версий 1.5.x и 2.1x, 2.2.x, 2.3.x
       
      DEMO
       
      Ваши клиенты смогут откладывать товар в Избранное (Закладки) без регистрации.
       
      Модуль позволяет добавлять пользователям товары в закладки даже без регистрации на сайте.
      При добавление выдается сообщение об успешном добавлении (также как у зарегистрированного пользователя), вместо стандартной ошибки с ссылкой на вход.
      Товар добавляется в корзину из закладок и удаляется из закладок, также без регистрации. Кнопка "Продолжить" в закладках отправляет на главную страницу, вместо страницы аккаунта.
      Не заменяет системных и файлов темы.
      Необходима установка VQMod для ocStore 1.5.x.x
      >>
      После покупки - вы сможете скачать версию и для версии 1.5.x и версии 2.x
      >>
      Работает в 99,99% случаев!
      update от 2015-12-11: до сих не было ни одного обращения в поддержку.
      Установка модуля для версий ocStore и Opencart 1.5.x:
      Скопировать файл в папку vqmod/xml/
      Установка модуля для версий ocStore и Opencart 2.х:
      Для установки на версиях 2.2.x и 2.3.x воспользуйтесь установкой дополнений в административной панели.
      Добавил zcell Добавлено 24.09.2013 Категория Сравнения, закладки Системные требования Сайт разработчика https://true-studio.ru/ Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.5.1
      1.5.5
      1.5.4.1
      1.5.3.1 ocStore 2.3
      2.2
      2.1
      1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1
      1.5.3.1
      1.5.2.1
      1.5.1.3 OpenCart.Pro, ocShop  
    • От my2you
      300.00 руб
      Скачать/Купить дополнение


      Страница "Каталог продукции"
      =
      Внимание вредителям! Пожалуйста, не оставляйте глупые пометки о неисправности!!!
      .
      Страница "Каталог продукции"
      Данный модуль создает страницу Каталога продукции.
      Все просто, скопировал и все.
      Не заменяет файлов
      Есть возможность разместить на странице Каталога, другие модули
      Доступен по ссылке ВАШ.САЙТ/index.php?route=product/catalog
      Модуль полностью работает на шаблоне по умолчанию. Для тех кто считает, что я должен за бесплатно адаптировать модуль под ваши темы, просьба не покупать данный модуль!!!
      ДЕМО
      * Есть версия для OpenCart 2.0 Покупать в личке.
      -
      Добавил my2you Добавлено 28.04.2013 Категория Модули Системные требования Сайт разработчика Старая цена Метод активации Ioncube Loader OpenCart ocStore OpenCart.Pro, ocShop  
    • От snastik
      500.00 руб
      Скачать/Купить дополнение


      Каталог Товаров
      Каталог товаров
      Модуль отображает в карточке товара список производителей и товаров из той же категории.
      Крайне положительно сказывается на юзабилити сайта и на SEO (ускоряется индексация и быстрый выход в топ по НЧ) оптимизации за счет перелинковки похожих товаров
      Наглядно можно увидеть в легендарном магазине Rozetka.com.ua
      В любом товаре http://rozetka.com.u...g669ea/p166103/
      В модуле для Ocstore добавлен вывод привью изображения товаров
      Смотрите Demo http://modulcatalog.oclabs.ru/macbook.
      При установке модуль не заменяет файлов и работает без VQMOD.
      Модуль кеширован и использует оптимизированный запрос (который не грузит базу).
      Внимание !!! работает только на Ocstore товары выбираются на основании главной категории.
      -----------------------------------------------------------------------------------
      Работает на всех сборках ! OpenCart, OcStore, MaxiStore
      -----------------------------------------------------------------------------------
      положительный отзыв
      Другие мои модули
      Добавил snastik Добавлено 03.04.2013 Категория Модули  
    • От efremovav
      599.00 руб
      Скачать/Купить дополнение


      (OC 2) Price control - групповое управление ценами (Opencart 2.x)
       
      Модуль позволяет массово изменять цены товаров, с учетом необходимых фильтров.
      Модуль разработан для Opencart 2.x. Демо: efremovav.16mb.com/ocstore2/admin/index.php?route=module/price_control (логин\пароль: demo\demo)
      New!: возможность создавать Акции/Скидки для товаров соответствующих фильтру, если они ещё не созданы; возможность удалять Акции/Скидки для товаров по выбранным параметрам фильтра.
       
      Как установить:
      вариант 1. Через админ-панель: Установка расширений->Загрузить файл (Extension Installer->Upload File) - загружаете архив с модулем (для oc2.3.x загружаем архив "OC2_price_control_v.XXX(opencart_2.3.x).ocmod.zip")
      вариант 2. Распаковываете архив в корень сайта.(для oc2.3.x загружаем архив "OC2_price_control_v.XXX(opencart_2.3.x).ocmod.zip")
      -в настройках системы устанавливаете модуль (в списке модулей - Price Control - Групповое управление ценами);
      -заходите в редактирование модуля и начинаете творить :).
      P.S.: Стандартные файлы движка не заменяются, файлы vqmod(ocmod) не используются.
       
      Как пользоваться:
      -выбираете необходимые параметры фильтрации;
      -выбираете типы цен, которые нужно будет изменить (Основная\Опции\Скидки\Акции);
      -выбираете необходимое действие (прибавить\вычесть\умножить на\разделить на);
      -вводите число, которое будет использоваться для обновления цен (допускаются целые и дробные числа);
      -выбираете % или число (если выберете %, то будет использоваться N процентов от цены товара, где N - введенное число).
      -нажимаете Выполнить - цены обновятся.
      -нажимаете "Восстановить предыдущие значения" - вернутся предыдущие значения.
       
      Техподдержка:
      Проблемы типа "модуль установил, но его нет в списке" решаются корректной настройкой FTP, в частности поля "FTP Домашняя директория" (путь до папки с opencart). Это проблема не модуля, а некорректных настроек магазина, настраиваете сами или обращаетесь за помощью за доп. плату, если сами не знаете как это сделать.
       
      Для тех, у кого Ocstore 2.1.0.2.1

       
      Также Вас может заинтересовать:
      Шкала статусов заказа - добавляет удобную шкалу для изменения статусов заказа в админке.
      Подсказки DaData PRO - подсказки при вводе ФИО, адреса и e-mail на страницах регистрации, авторизации и оформления заказа.
      Купон "Бонусные баллы на счёт" - модуль добавляет тип купона "Бонусные баллы на счёт", использование которого позволит начислить покупателю бонусные баллы для оплаты следующей покупки.
      Бонусные баллы - статистика - удобная статистика по приходу/расходу бонусных баллов для администратора.
      Рекомендуемые товары PRO (бесплатно) - позволяет использовать таймер обратного отсчёта и выводить описание в html-формате на базе стандартного модуля "Рекомендуемые".
      Добавил efremovav Добавлено 26.04.2015 Категория Цены, скидки, акции, подарки Системные требования Сайт разработчика Старая цена 700 Метод активации Автоматическая активация Ioncube Loader Нет OpenCart 2.3
      2.2
      2.1
      2.0 ocStore 2.3
      2.2
      2.1 OpenCart.Pro, ocShop  
    • От xds
      1 250.00 руб
      Скачать/Купить дополнение


      [Распродажа] XDS Coloring Theme. Адаптивный шаблон для Opencart 2.x
      Обратите внимание! Вышел новый шаблон XDS Frame Theme. Все владельцы лицензии на Coloring могут получить лицензию на Frame на льготных условиях. За подробностями обращайтесь в ЛС
       
      -----------------------------------------------
       
      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 а так же со сборкой от myopencart.com и 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 пользователей онлайн

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

×