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

FCSM · 11 грудня 2017

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

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

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

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

Благодарю!

Tom · 11 грудня 2017

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

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

FCSM · 12 грудня 2017

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

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

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

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

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

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

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

Змінено 12 грудня 2017 користувачем FCSM

Tom · 12 грудня 2017

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

FCSM · 12 грудня 2017

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 }}

Tom · 12 грудня 2017

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

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

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

FCSM · 12 грудня 2017

5 часов назад, Tom сказал:
Моя вина, не обратил внимание что это на тройку.

/catalog/view/theme/default/stylesheet/stylesheet.css
сюда добавьте в самый конец
@media (min-width: 768px){
#menu {
    display:none;
  }
}

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

Змінено 12 грудня 2017 користувачем FCSM

777mif · 9 серпня 2018

В 12.12.2017 в 09:53, Tom сказал:

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

AzaZzell · 6 лютого 2019

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

Bcloud · 19 липня 2019

В 11.12.2017 в 23:00, Tom сказал:

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

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

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

marina19 · 17 лютого 2020

В 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?

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

Вхід

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

Recommended Posts

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

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

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

Вхід

Схожі публікації

Зараз на сторінці 0 користувачів

Покупцям

Розробникам

Корисна інформація

Останні розширення

Important Information