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

[DenisSib]

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

[Valentin21]

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

 

Спасибо.

[Valentin21]

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>

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

 

Спасибо.