кликабельные категории в ocStore 2.3

241

05 февраля 2019, 03:50

Хотел сделать кликабельными категории в главном меню к CMS ocStore 2.3

удалил из строки

<li class="dropdown"><a href="<?php echo $category['href']; ?>" class="dropdown-toggle" data-toggle="dropdown"><?php echo $category['name']; ?></a>

фрагмент

 data-toggle="dropdown"

Все получилось.

Но в мобильной версии очень неудобно. Как сделать для мобильной версии следующее

Первый клик по категории - выпадает меню подкатегории Второй клик по категории - открывается категория

при необходимости могу CSS скинуть

<!DOCTYPE html> 
<!--[if IE]><![endif]--> 
<!--[if IE 8 ]><html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>" class="ie8"><![endif]--> 
<!--[if IE 9 ]><html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>" class="ie9"><![endif]--> 
<!--[if (gt IE 9)|!(IE)]><!--> 
<html dir="<?php echo $direction; ?>" lang="<?php echo $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><?php echo $title; if (isset($_GET['page'])) { echo " - ". ((int) $_GET['page'])." ".$text_page;} ?></title> 
<base href="<?php echo $base; ?>" /> 
<?php if ($description) { ?> 
<meta name="description" content="<?php echo $description; if (isset($_GET['page'])) { echo " - ". ((int) $_GET['page'])." ".$text_page;} ?>" /> 
<?php } ?> 
<?php if ($keywords) { ?> 
<meta name="keywords" content= "<?php echo $keywords; ?>" /> 
<?php } ?> 
<meta property="og:title" content="<?php echo $title; if (isset($_GET['page'])) { echo " - ". ((int) $_GET['page'])." ".$text_page;} ?>" /> 
<meta property="og:type" content="website" /> 
<meta property="og:url" content="<?php echo $og_url; ?>" /> 
<?php if ($og_image) { ?> 
<meta property="og:image" content="<?php echo $og_image; ?>" /> 
<?php } else { ?> 
<meta property="og:image" content="<?php echo $logo; ?>" /> 
<?php } ?> 
<meta property="og:site_name" content="<?php echo $name; ?>" /> 
<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"> 
<?php foreach ($styles as $style) { ?> 
<link href="<?php echo $style['href']; ?>" type="text/css" rel="<?php echo $style['rel']; ?>" media="<?php echo $style['media']; ?>" /> 
<?php } ?> 
<script src="catalog/view/javascript/common.js" type="text/javascript"></script> 
<?php foreach ($links as $link) { ?> 
<link href="<?php echo $link['href']; ?>" rel="<?php echo $link['rel']; ?>" /> 
<?php } ?> 
<?php foreach ($scripts as $script) { ?> 
<script src="<?php echo $script; ?>" type="text/javascript"></script> 
<?php } ?> 
<?php foreach ($analytics as $analytic) { ?> 
<?php echo $analytic; ?> 
<?php } ?> 
</head> 
<body class="<?php echo $class; ?>"> 
<header> 
  <div class="container"> 
    <div class="row"> 
      <div class="col-sm-4"> 
        <div id="logo"> 
          <?php if ($logo) { ?> 
            <?php if ($home == $og_url) { ?> 
              <img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" class="img-responsive" /> 
            <?php } else { ?> 
              <a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" class="img-responsive" /></a> 
            <?php } ?> 
          <?php } else { ?> 
            <h1><a href="<?php echo $home; ?>"><?php echo $name; ?></a></h1> 
          <?php } ?> 
        </div> 
      </div> 
<div class="col-sm-4 head_info"> 
 
</div> 
<div class="col-sm-4"> 
<?php echo $search; ?> 
</div> 
    </div> 
  </div> 
<div class="container"> 
  <nav id="menu" class="navbar"> 
    <div class="navbar-header"><span id="category" class="visible-xs"><?php echo $text_category; ?></span> 
      <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button> 
    </div> 
    <div class="collapse navbar-collapse navbar-ex1-collapse"> 
      <ul class="nav navbar-nav"> 
        <?php foreach ($categories as $category) { ?> 
        <?php if ($category['children']) { ?> 
        <li class="dropdown"><a href="<?php echo $category['href']; ?>" class="dropdown-toggle"><?php echo $category['name']; ?></a> 
          <div class="dropdown-menu"> 
            <div class="dropdown-inner"> 
              <?php foreach (array_chunk($category['children'], ceil(count($category['children']) / $category['column'])) as $children) { ?> 
              <ul class="list-unstyled"> 
                <?php foreach ($children as $child) { ?> 
                <li><a href="<?php echo $child['href']; ?>"><?php echo $child['name']; ?></a></li> 
                <?php } ?> 
              </ul> 
              <?php } ?> 
            </div> 
        </li> 
        <?php } else { ?> 
        <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li> 
        <?php } ?> 
        <?php } ?> 
      </ul> 
    </div> 
  </nav> 
</div> 
</header>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

iPad и iPhone игнорируют overflow: hidden у html. Как исправить?

Есть вот такая версткаПроблема в том, что iPad и iPhone игнорируют overflow: hidden; у html

217

ASP .NET Core Telegram.Bot, как использовать InlineButtons?

Пишу бота для телеграма на ASPNET Core Web Api, нужно создать Inline кнопки, но проблема в том, что я не знаю, как правильно обрабатывать клик от пользователя,...

242

Есть ли в Windows Forms элемент похожий на <div>?

Нужно отобразить картинку и текст в форме [Img][text]Также нужно чтобы эта конструкция вела себя как один элемент, так как на OnClick должна реагировать

238

ChallengedUri выдал исключение

Основной код:

230