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

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

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

Войти

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

Рекомендованные сообещёния

Ссылка на комменирий

Погделиться на других сайих

Ссылка на комменирий

Погделиться на других сайих

Ссылка на комменирий

Погделиться на других сайих

Ссылка на комменирий

Погделиться на других сайих

Ссылка на комменирий

Погделиться на других сайих

Ссылка на комменирий

Погделиться на других сайих

Ссылка на комменирий

Погделиться на других сайих

Ссылка на комменирий

Погделиться на других сайих

Ссылка на комменирий

Погделиться на других сайих

Ссылка на комменирий

Погделиться на других сайих

Ссылка на комменирий

Погделиться на других сайих

Создайте аккаунт или войдите в него для комментирования

Создать аккаунт

Войти

Похожие публикации

Сейчас на страниэто 0 пользователей

Покупателям

Разрилитликам

Полезная информация

Последние дополнения

Важная информация