Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

[Решено] Не работают категории в мобильной версии


Recommended Posts

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

 

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

На главной отображаются только новые поступления. 

Вот сайт : https://wool.opt.lv/
Как можно добавить меню с категориями ? 

Благодарю! 

Надіслати
Поділитися на інших сайтах


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

Отображаются только категории в главном меню, но вы всем категориям указали в настройках "Отображать в меню- НЕТ". Вот и вся загадка.

Надіслати
Поділитися на інших сайтах

9 часов назад, Tom сказал:

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

Отображаются только категории в главном меню, но вы всем категориям указали в настройках "Отображать в меню- НЕТ". Вот и вся загадка.

 

Благодарю! 
А можно как-то поставить, чтобы главное меню отображалось только на мобильных устройствах ? 

Смотрите: https://wool.opt.lv/

 

Сейчас сверху, появилось синее меню с категориями. Его можно как-то отключить на компьютерах, а на мобильных устройствах оставить ? 

Просто мне достаточно перечня категорий в левой колонке. 

Змінено користувачем FCSM
Надіслати
Поділитися на інших сайтах


Можно. Править нужно header.tpl ,  в котором добавить к классу меню hidden-lg и hidden-md.

Надіслати
Поділитися на інших сайтах

1 час назад, Tom сказал:

Можно. Править нужно header.tpl ,  в котором добавить к классу меню hidden-lg и hidden-md.

 

Я не нашел нужного класса в данном файле.

Может он не здесь находится? 

Вот код файла "header.twig

 

<!DOCTYPE html>
<!--[if IE]><![endif]-->
<!--[if IE 8 ]><html dir="{{ direction }}" lang="{{ lang }}" class="ie8"><![endif]-->
<!--[if IE 9 ]><html dir="{{ direction }}" lang="{{ lang }}" class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html dir="{{ direction }}" lang="{{ lang }}">
<!--<![endif]-->
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>{{ title }}</title>
<base href="{{ base }}" />
{% if description %}
<meta name="description" content="{{ description }}" />
{% endif %}
{% if keywords %}
<meta name="keywords" content="{{ keywords }}" />
{% endif %}
<script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
<link href="catalog/view/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" />
<script src="catalog/view/javascript/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,400i,300,700" rel="stylesheet" type="text/css" />
<link href="catalog/view/theme/default/stylesheet/stylesheet.css" rel="stylesheet">
{% for style in styles %}
<link href="{{ style.href }}" type="text/css" rel="{{ style.rel }}" media="{{ style.media }}" />
{% endfor %}
{% for script in scripts %}
<script src="{{ script }}" type="text/javascript"></script>
{% endfor %}
<script src="catalog/view/javascript/common.js" type="text/javascript"></script>
{% for link in links %}
<link href="{{ link.href }}" rel="{{ link.rel }}" />
{% endfor %}
{% for analytic in analytics %}
{{ analytic }}
{% endfor %}
</head>
<body>
<nav id="top">
  <div class="container">{{ currency }}
    {{ language }}
    <div id="top-links" class="nav pull-right">
      <ul class="list-inline">
        <li><a href="{{ contact }}"><i class="fa fa-phone"></i></a> <span class="hidden-xs hidden-sm hidden-md">{{ telephone }}</span></li>
        <li class="dropdown"><a href="{{ account }}" title="{{ text_account }}" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> <span class="hidden-xs hidden-sm hidden-md">{{ text_account }}</span> <span class="caret"></span></a>
          <ul class="dropdown-menu dropdown-menu-right">
            {% if logged %}
            <li><a href="{{ account }}">{{ text_account }}</a></li>
            <li><a href="{{ order }}">{{ text_order }}</a></li>
            <li><a href="{{ transaction }}">{{ text_transaction }}</a></li>
            <li><a href="{{ download }}">{{ text_download }}</a></li>
            <li><a href="{{ logout }}">{{ text_logout }}</a></li>
            {% else %}
            <li><a href="{{ register }}">{{ text_register }}</a></li>
            <li><a href="{{ login }}">{{ text_login }}</a></li>
            {% endif %}
          </ul>
        </li>
        <li><a href="{{ wishlist }}" id="wishlist-total" title="{{ text_wishlist }}"><i class="fa fa-heart"></i> <span class="hidden-xs hidden-sm hidden-md">{{ text_wishlist }}</span></a></li>
        <li><a href="{{ shopping_cart }}" title="{{ text_shopping_cart }}"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">{{ text_shopping_cart }}</span></a></li>
        <li><a href="{{ checkout }}" title="{{ text_checkout }}"><i class="fa fa-share"></i> <span class="hidden-xs hidden-sm hidden-md">{{ text_checkout }}</span></a></li>
      </ul>
    </div>
  </div>
</nav>
<header>
  <div class="container">
    <div class="row">
      <div class="col-sm-4">
        <div id="logo">{% if logo %}<a href="{{ home }}"><img src="{{ logo }}" title="{{ name }}" alt="{{ name }}" class="img-responsive" /></a>{% else %}
          <h1><a href="{{ home }}">{{ name }}</a></h1>
          {% endif %}</div>
      </div>
      <div class="col-sm-5">{{ search }}</div>
      <div class="col-sm-3">{{ cart }}</div>
    </div>
  </div>
</header>
{{ menu }}

 

 

Надіслати
Поділитися на інших сайтах


Моя вина, не обратил внимание что это на тройку.

/catalog/view/theme/default/stylesheet/stylesheet.css
сюда добавьте в самый конец 

 

@media (min-width: 768px){
#menu {
    display:none;
  }
}

 

  • +1 1
Надіслати
Поділитися на інших сайтах

5 часов назад, Tom сказал:

Моя вина, не обратил внимание что это на тройку.

/catalog/view/theme/default/stylesheet/stylesheet.css
сюда добавьте в самый конец 

 


@media (min-width: 768px){
#menu {
    display:none;
  }
}

 

Благодарю! 
Всё работает. 
Просто первый опыт работы с Opencart и вообще не вдупляю ) 

 

Змінено користувачем FCSM
Надіслати
Поділитися на інших сайтах


  • 7 months later...
  • 5 months later...
  • 5 months later...
В 11.12.2017 в 23:00, Tom сказал:

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

Отображаются только категории в главном меню, но вы всем категориям указали в настройках "Отображать в меню- НЕТ". Вот и вся загадка.

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

Screenshot_20190719-172504.png

Надіслати
Поділитися на інших сайтах


  • 6 months later...
В 12.12.2017 в 11:12, Tom сказал:

Моя вина, не обратил внимание что это на тройку.

/catalog/view/theme/default/stylesheet/stylesheet.css
сюда добавьте в самый конец 

 


@media (min-width: 768px){
#menu {
    display:none;
  }
}

 

Добрый день, подскажите, пожалуйста, а сработает такое решение для oc.store 2.3.0.2?

Очень необходимо решить такую же задачу, как и автору данного поста

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.