Maxik260696 Posted September 26, 2017 Share Posted September 26, 2017 Подскажите, как сделать, чтоб активный пункт меню - подсвечивался как hover? Обьясните как последнему дураку. Подробнее: Стандартная тема OcStore 2.3.0.2.3, при наведении на пукт меню он подсвечивается (hover), как сделать так, чтобы при открытии этого пункта меню (когда вы находились в этом меню- в категории планшеты к примеру) эта категория постоянно была как hover ? Если вы откроете категорию Компьютеры - соответственно, чтоб подсвечивалась она как hover Link to comment Share on other sites More sharing options...
Gann Posted September 26, 2017 Share Posted September 26, 2017 2 минуты назад, Maxik260696 сказал: Подскажите, как сделать, чтоб активный пункт меню - подсвечивался как hover? Обьясните как последнему дураку. Подробнее: Стандартная тема OcStore 2.3.0.2.3, при наведении на пукт меню он подсвечивается (hover), как сделать так, чтобы при открытии этого пункта меню (когда вы находились в этом меню- в категории планшеты к примеру) эта категория постоянно была как hover ? Если вы откроете категорию Компьютеры - соответственно, чтоб подсвечивалась она как hover скриптом можно само меню <ul class="catalog-prod-ul" id="nav"> <li><a href="....">...</a></li> <li><a href="....">...</a></li> <li><a href="....">....</a></li> скрипт добавит к активному пункту класс active, остаётся только прописать стили этому классу <script type="text/javascript">$('ul#nav li').each(function () {if (this.getElementsByTagName("a")[0].href == location.href) this.className = "active";});</script> Link to comment Share on other sites More sharing options... Maxik260696 Posted September 27, 2017 Author Share Posted September 27, 2017 13 hours ago, Gann said: скрипт добавит к активному пункту класс active, остаётся только прописать стили этому классу <script type="text/javascript">$('ul#nav li').each(function () {if (this.getElementsByTagName("a")[0].href == location.href) this.className = "active";});</script> Может подскажите что и куда поставить, чтоб скрипт работал. Ибо я уже ставил скрипт и он не работает (а я профан в OcStore) То есть в какой файл заливать, в какую строчку, и как назвать стиль в ксс Link to comment Share on other sites More sharing options... Gann Posted September 28, 2017 Share Posted September 28, 2017 18 часов назад, Maxik260696 сказал: Может подскажите что и куда поставить, чтоб скрипт работал. Ибо я уже ставил скрипт и он не работает (а я профан в OcStore) То есть в какой файл заливать, в какую строчку, и как назвать стиль в ксс а меню какое? верхнее горизонтальное или боковое? можете скопировать код? ("исходный код страницы" -> код меню) Link to comment Share on other sites More sharing options... Maxik260696 Posted September 28, 2017 Author Share Posted September 28, 2017 6 hours ago, Gann said: а меню какое? верхнее горизонтальное или боковое? можете скопировать код? ("исходный код страницы" -> код меню) Стандартный хедер. (верхнее меню) <!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; ?></title> <base href="<?php echo $base; ?>" /> <?php if ($description) { ?> <meta name="description" content="<?php echo $description; ?>" /> <?php } ?> <?php if ($keywords) { ?> <meta name="keywords" content= "<?php echo $keywords; ?>" /> <?php } ?> <meta property="og:title" content="<?php echo $title; ?>" /> <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; ?>"> <nav id="top"> <div class="container"> <div id="top-links" class="nav pull-right"> <ul class="list-inline"> <li><a href="<?php echo $contact; ?>"><i class="fa fa-phone"></i></a> <span class="hidden-xs hidden-sm hidden-md"><?php echo $telephone; ?></span></li> <li><a href="<?php echo $contact; ?>"><i class="fa fa-phone"></i></a> <span class="hidden-xs hidden-sm hidden-md"><?php echo $telephone; ?></span></li> <li><a href="<?php echo $contact; ?>"><i class="fa fa-phone"></i></a> <span class="hidden-xs hidden-sm hidden-md"><?php echo $telephone; ?></span></li> <li class="dropdown"><a href="<?php echo $account; ?>" title="<?php echo $text_account; ?>" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_account; ?></span> <span class="caret"></span></a> <ul class="dropdown-menu dropdown-menu-right"> <?php if ($logged) { ?> <li><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a></li> <li><a href="<?php echo $order; ?>"><?php echo $text_order; ?></a></li> <li><a href="<?php echo $transaction; ?>"><?php echo $text_transaction; ?></a></li> <li><a href="<?php echo $download; ?>"><?php echo $text_download; ?></a></li> <li><a href="<?php echo $logout; ?>"><?php echo $text_logout; ?></a></li> <?php } else { ?> <li><a href="<?php echo $register; ?>"><?php echo $text_register; ?></a></li> <li><a href="<?php echo $login; ?>"><?php echo $text_login; ?></a></li> <?php } ?> </ul> </li> <li><a href="<?php echo $wishlist; ?>" id="wishlist-total" title="<?php echo $text_wishlist; ?>"><i class="fa fa-heart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_wishlist; ?></span></a></li> </ul> </div> </div> </nav> <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-5"><?php echo $search; ?> </div> <div class="col-sm-3"><?php echo $cart; ?></div> </div> </div> </header> <?php if ($categories) { ?> <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" data-toggle="dropdown"><?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> <a href="<?php echo $category['href']; ?>" class="see-all"><?php echo $text_all; ?> <?php echo $category['name']; ?></a> </div> </li> <?php } else { ?> <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li> <?php } ?> <?php } ?> </ul> </div> </nav> </div> <?php } ?> Link to comment Share on other sites More sharing options... fanatic Posted September 28, 2017 Share Posted September 28, 2017 В 26.09.2017 в 20:49, Maxik260696 сказал: Подскажите, как сделать, чтоб активный пункт меню - подсвечивался как hover? посмотрите модуль category и сделайте по аналогии Link to comment Share on other sites More sharing options... fanatic Posted September 28, 2017 Share Posted September 28, 2017 подправил под вашу хотелку стили в шаблоне(пропишите какие хотите) <style> .active_nav{ color:#000 !important; background: #06b6ef !important; } .active_nav_child{ color:#007fff !important; } </style> хотите, перенесите в файл стилей header.php header.tpl Link to comment Share on other sites More sharing options... fanatic Posted September 28, 2017 Share Posted September 28, 2017 del. Link to comment Share on other sites More sharing options... 5 months later... roman409 Posted March 26, 2018 Share Posted March 26, 2018 В 26.09.2017 в 21:53, Gann сказал: скриптом можно само меню <ul class="catalog-prod-ul" id="nav"> <li><a href="....">...</a></li> <li><a href="....">...</a></li> <li><a href="....">....</a></li> скрипт добавит к активному пункту класс active, остаётся только прописать стили этому классу <script type="text/javascript">$('ul#nav li').each(function () {if (this.getElementsByTagName("a")[0].href == location.href) this.className = "active";});</script> Здравствуйте. Подскажите, пожалуйста, как правильно добавить класс active к кнопке переключателя вида товаров на витрине? <div class="view"> <div class="btn-group hidden-xs"> <button type="button" id="list-view" class="btn btn-default"><i class="fa fa-th-list"></i><span class="hidden-xs"> Список</span></button> <button type="button" id="grid-view" class="btn btn-default"><i class="fa fa-th"></i><span class="hidden-xs"> Сетка</span></button> </div> </div> Link to comment Share on other sites More sharing options... Create an account or sign in to comment You need to be a member in order to leave a comment Create an account Sign up for a new account in our community. It's easy! Register a new account Sign in Already have an account? Sign in here. Sign In Now Share More sharing options... Followers 0 Go to topic listing Similar Content Пункт меню MORE Как убрать By Savchin, April 25 1 reply 139 views buslikdrev April 25 Пункты выдачи на карте + определение города By famoryy, April 26 3 replies 138 views niger April 27 На основе меню HTML - добавить/создать - выпадающее меню - как? By wwizard, Friday at 07:23 AM 3 replies 160 views wwizard Friday at 06:29 PM Проблема со списком пунктами самовывоза!! Срочно 1 день By kutorila, May 17 0 replies 121 views kutorila May 17 Создание меню By Lucider105, May 1 2 replies 167 views Tahir0088 May 23 Recently Browsing 0 members No registered users viewing this page. Последние темы Последние дополнения Последние новости All Activity Home Opencart 2.x Opencart 2.x: General questions Подсветка активного пункта меню Покупателям Оплата дополнений физическими лицами Оплата дополнений юридическими лицами Политика возвратов Разработчикам Регламент размещения дополнений Регламент продаж и поддержки дополнений Виртуальный аккаунт автора Политика продвижения объявлений API каталога дополнений Урегулирование споров по авторским правам Полезная информация Публичная оферта Политика возвратов Политика конфиденциальности Платежная политика Политика Передачи Персональных Данных Политика прозрачности Последние дополнения Language Folders in URL (for ocStore 3.x) By SergeTkach HPMrr for OC 2.3/3 By kJlukOo OpenGram | Your store in Telegram By kevdev PDF Рахунок-фактура - Видаткова накладна - Гарантія (Українська) PRO By Speaker12 SAP - SMS / OTP By S_A_P × Existing user? Sign In Sign Up Shopping section Back Purchased extensions Invoices Whishlist Alternative Contacts Forums News ocStore Back Official site Demo ocStore 3.0.3.2 Demo ocStore 2.3.0.2.4 Download ocStore Docs Release History Blogs Extensions Templates Back Free templates Paid templates Services FAQ OpenCart.Pro Back Demo Buy Compare × Create New... Important Information On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice. I accept
Maxik260696 Posted September 27, 2017 Author Share Posted September 27, 2017 13 hours ago, Gann said: скрипт добавит к активному пункту класс active, остаётся только прописать стили этому классу <script type="text/javascript">$('ul#nav li').each(function () {if (this.getElementsByTagName("a")[0].href == location.href) this.className = "active";});</script> Может подскажите что и куда поставить, чтоб скрипт работал. Ибо я уже ставил скрипт и он не работает (а я профан в OcStore) То есть в какой файл заливать, в какую строчку, и как назвать стиль в ксс Link to comment Share on other sites More sharing options...
Gann Posted September 28, 2017 Share Posted September 28, 2017 18 часов назад, Maxik260696 сказал: Может подскажите что и куда поставить, чтоб скрипт работал. Ибо я уже ставил скрипт и он не работает (а я профан в OcStore) То есть в какой файл заливать, в какую строчку, и как назвать стиль в ксс а меню какое? верхнее горизонтальное или боковое? можете скопировать код? ("исходный код страницы" -> код меню) Link to comment Share on other sites More sharing options... Maxik260696 Posted September 28, 2017 Author Share Posted September 28, 2017 6 hours ago, Gann said: а меню какое? верхнее горизонтальное или боковое? можете скопировать код? ("исходный код страницы" -> код меню) Стандартный хедер. (верхнее меню) <!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; ?></title> <base href="<?php echo $base; ?>" /> <?php if ($description) { ?> <meta name="description" content="<?php echo $description; ?>" /> <?php } ?> <?php if ($keywords) { ?> <meta name="keywords" content= "<?php echo $keywords; ?>" /> <?php } ?> <meta property="og:title" content="<?php echo $title; ?>" /> <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; ?>"> <nav id="top"> <div class="container"> <div id="top-links" class="nav pull-right"> <ul class="list-inline"> <li><a href="<?php echo $contact; ?>"><i class="fa fa-phone"></i></a> <span class="hidden-xs hidden-sm hidden-md"><?php echo $telephone; ?></span></li> <li><a href="<?php echo $contact; ?>"><i class="fa fa-phone"></i></a> <span class="hidden-xs hidden-sm hidden-md"><?php echo $telephone; ?></span></li> <li><a href="<?php echo $contact; ?>"><i class="fa fa-phone"></i></a> <span class="hidden-xs hidden-sm hidden-md"><?php echo $telephone; ?></span></li> <li class="dropdown"><a href="<?php echo $account; ?>" title="<?php echo $text_account; ?>" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_account; ?></span> <span class="caret"></span></a> <ul class="dropdown-menu dropdown-menu-right"> <?php if ($logged) { ?> <li><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a></li> <li><a href="<?php echo $order; ?>"><?php echo $text_order; ?></a></li> <li><a href="<?php echo $transaction; ?>"><?php echo $text_transaction; ?></a></li> <li><a href="<?php echo $download; ?>"><?php echo $text_download; ?></a></li> <li><a href="<?php echo $logout; ?>"><?php echo $text_logout; ?></a></li> <?php } else { ?> <li><a href="<?php echo $register; ?>"><?php echo $text_register; ?></a></li> <li><a href="<?php echo $login; ?>"><?php echo $text_login; ?></a></li> <?php } ?> </ul> </li> <li><a href="<?php echo $wishlist; ?>" id="wishlist-total" title="<?php echo $text_wishlist; ?>"><i class="fa fa-heart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_wishlist; ?></span></a></li> </ul> </div> </div> </nav> <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-5"><?php echo $search; ?> </div> <div class="col-sm-3"><?php echo $cart; ?></div> </div> </div> </header> <?php if ($categories) { ?> <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" data-toggle="dropdown"><?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> <a href="<?php echo $category['href']; ?>" class="see-all"><?php echo $text_all; ?> <?php echo $category['name']; ?></a> </div> </li> <?php } else { ?> <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li> <?php } ?> <?php } ?> </ul> </div> </nav> </div> <?php } ?> Link to comment Share on other sites More sharing options... fanatic Posted September 28, 2017 Share Posted September 28, 2017 В 26.09.2017 в 20:49, Maxik260696 сказал: Подскажите, как сделать, чтоб активный пункт меню - подсвечивался как hover? посмотрите модуль category и сделайте по аналогии Link to comment Share on other sites More sharing options... fanatic Posted September 28, 2017 Share Posted September 28, 2017 подправил под вашу хотелку стили в шаблоне(пропишите какие хотите) <style> .active_nav{ color:#000 !important; background: #06b6ef !important; } .active_nav_child{ color:#007fff !important; } </style> хотите, перенесите в файл стилей header.php header.tpl Link to comment Share on other sites More sharing options... fanatic Posted September 28, 2017 Share Posted September 28, 2017 del. Link to comment Share on other sites More sharing options... 5 months later... roman409 Posted March 26, 2018 Share Posted March 26, 2018 В 26.09.2017 в 21:53, Gann сказал: скриптом можно само меню <ul class="catalog-prod-ul" id="nav"> <li><a href="....">...</a></li> <li><a href="....">...</a></li> <li><a href="....">....</a></li> скрипт добавит к активному пункту класс active, остаётся только прописать стили этому классу <script type="text/javascript">$('ul#nav li').each(function () {if (this.getElementsByTagName("a")[0].href == location.href) this.className = "active";});</script> Здравствуйте. Подскажите, пожалуйста, как правильно добавить класс active к кнопке переключателя вида товаров на витрине? <div class="view"> <div class="btn-group hidden-xs"> <button type="button" id="list-view" class="btn btn-default"><i class="fa fa-th-list"></i><span class="hidden-xs"> Список</span></button> <button type="button" id="grid-view" class="btn btn-default"><i class="fa fa-th"></i><span class="hidden-xs"> Сетка</span></button> </div> </div> Link to comment Share on other sites More sharing options... Create an account or sign in to comment You need to be a member in order to leave a comment Create an account Sign up for a new account in our community. It's easy! Register a new account Sign in Already have an account? Sign in here. Sign In Now Share More sharing options... Followers 0 Go to topic listing Similar Content Пункт меню MORE Как убрать By Savchin, April 25 1 reply 139 views buslikdrev April 25 Пункты выдачи на карте + определение города By famoryy, April 26 3 replies 138 views niger April 27 На основе меню HTML - добавить/создать - выпадающее меню - как? By wwizard, Friday at 07:23 AM 3 replies 160 views wwizard Friday at 06:29 PM Проблема со списком пунктами самовывоза!! Срочно 1 день By kutorila, May 17 0 replies 121 views kutorila May 17 Создание меню By Lucider105, May 1 2 replies 167 views Tahir0088 May 23 Recently Browsing 0 members No registered users viewing this page. Последние темы Последние дополнения Последние новости All Activity Home Opencart 2.x Opencart 2.x: General questions Подсветка активного пункта меню Покупателям Оплата дополнений физическими лицами Оплата дополнений юридическими лицами Политика возвратов Разработчикам Регламент размещения дополнений Регламент продаж и поддержки дополнений Виртуальный аккаунт автора Политика продвижения объявлений API каталога дополнений Урегулирование споров по авторским правам Полезная информация Публичная оферта Политика возвратов Политика конфиденциальности Платежная политика Политика Передачи Персональных Данных Политика прозрачности Последние дополнения Language Folders in URL (for ocStore 3.x) By SergeTkach HPMrr for OC 2.3/3 By kJlukOo OpenGram | Your store in Telegram By kevdev PDF Рахунок-фактура - Видаткова накладна - Гарантія (Українська) PRO By Speaker12 SAP - SMS / OTP By S_A_P
Maxik260696 Posted September 28, 2017 Author Share Posted September 28, 2017 6 hours ago, Gann said: а меню какое? верхнее горизонтальное или боковое? можете скопировать код? ("исходный код страницы" -> код меню) Стандартный хедер. (верхнее меню) <!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; ?></title> <base href="<?php echo $base; ?>" /> <?php if ($description) { ?> <meta name="description" content="<?php echo $description; ?>" /> <?php } ?> <?php if ($keywords) { ?> <meta name="keywords" content= "<?php echo $keywords; ?>" /> <?php } ?> <meta property="og:title" content="<?php echo $title; ?>" /> <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; ?>"> <nav id="top"> <div class="container"> <div id="top-links" class="nav pull-right"> <ul class="list-inline"> <li><a href="<?php echo $contact; ?>"><i class="fa fa-phone"></i></a> <span class="hidden-xs hidden-sm hidden-md"><?php echo $telephone; ?></span></li> <li><a href="<?php echo $contact; ?>"><i class="fa fa-phone"></i></a> <span class="hidden-xs hidden-sm hidden-md"><?php echo $telephone; ?></span></li> <li><a href="<?php echo $contact; ?>"><i class="fa fa-phone"></i></a> <span class="hidden-xs hidden-sm hidden-md"><?php echo $telephone; ?></span></li> <li class="dropdown"><a href="<?php echo $account; ?>" title="<?php echo $text_account; ?>" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_account; ?></span> <span class="caret"></span></a> <ul class="dropdown-menu dropdown-menu-right"> <?php if ($logged) { ?> <li><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a></li> <li><a href="<?php echo $order; ?>"><?php echo $text_order; ?></a></li> <li><a href="<?php echo $transaction; ?>"><?php echo $text_transaction; ?></a></li> <li><a href="<?php echo $download; ?>"><?php echo $text_download; ?></a></li> <li><a href="<?php echo $logout; ?>"><?php echo $text_logout; ?></a></li> <?php } else { ?> <li><a href="<?php echo $register; ?>"><?php echo $text_register; ?></a></li> <li><a href="<?php echo $login; ?>"><?php echo $text_login; ?></a></li> <?php } ?> </ul> </li> <li><a href="<?php echo $wishlist; ?>" id="wishlist-total" title="<?php echo $text_wishlist; ?>"><i class="fa fa-heart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_wishlist; ?></span></a></li> </ul> </div> </div> </nav> <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-5"><?php echo $search; ?> </div> <div class="col-sm-3"><?php echo $cart; ?></div> </div> </div> </header> <?php if ($categories) { ?> <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" data-toggle="dropdown"><?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> <a href="<?php echo $category['href']; ?>" class="see-all"><?php echo $text_all; ?> <?php echo $category['name']; ?></a> </div> </li> <?php } else { ?> <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li> <?php } ?> <?php } ?> </ul> </div> </nav> </div> <?php } ?> Link to comment Share on other sites More sharing options...
fanatic Posted September 28, 2017 Share Posted September 28, 2017 В 26.09.2017 в 20:49, Maxik260696 сказал: Подскажите, как сделать, чтоб активный пункт меню - подсвечивался как hover? посмотрите модуль category и сделайте по аналогии Link to comment Share on other sites More sharing options... fanatic Posted September 28, 2017 Share Posted September 28, 2017 подправил под вашу хотелку стили в шаблоне(пропишите какие хотите) <style> .active_nav{ color:#000 !important; background: #06b6ef !important; } .active_nav_child{ color:#007fff !important; } </style> хотите, перенесите в файл стилей header.php header.tpl Link to comment Share on other sites More sharing options... fanatic Posted September 28, 2017 Share Posted September 28, 2017 del. Link to comment Share on other sites More sharing options... 5 months later... roman409 Posted March 26, 2018 Share Posted March 26, 2018 В 26.09.2017 в 21:53, Gann сказал: скриптом можно само меню <ul class="catalog-prod-ul" id="nav"> <li><a href="....">...</a></li> <li><a href="....">...</a></li> <li><a href="....">....</a></li> скрипт добавит к активному пункту класс active, остаётся только прописать стили этому классу <script type="text/javascript">$('ul#nav li').each(function () {if (this.getElementsByTagName("a")[0].href == location.href) this.className = "active";});</script> Здравствуйте. Подскажите, пожалуйста, как правильно добавить класс active к кнопке переключателя вида товаров на витрине? <div class="view"> <div class="btn-group hidden-xs"> <button type="button" id="list-view" class="btn btn-default"><i class="fa fa-th-list"></i><span class="hidden-xs"> Список</span></button> <button type="button" id="grid-view" class="btn btn-default"><i class="fa fa-th"></i><span class="hidden-xs"> Сетка</span></button> </div> </div> Link to comment Share on other sites More sharing options... Create an account or sign in to comment You need to be a member in order to leave a comment Create an account Sign up for a new account in our community. It's easy! Register a new account Sign in Already have an account? Sign in here. Sign In Now Share More sharing options... Followers 0 Go to topic listing Similar Content Пункт меню MORE Как убрать By Savchin, April 25 1 reply 139 views buslikdrev April 25 Пункты выдачи на карте + определение города By famoryy, April 26 3 replies 138 views niger April 27 На основе меню HTML - добавить/создать - выпадающее меню - как? By wwizard, Friday at 07:23 AM 3 replies 160 views wwizard Friday at 06:29 PM Проблема со списком пунктами самовывоза!! Срочно 1 день By kutorila, May 17 0 replies 121 views kutorila May 17 Создание меню By Lucider105, May 1 2 replies 167 views Tahir0088 May 23 Recently Browsing 0 members No registered users viewing this page. Последние темы Последние дополнения Последние новости All Activity Home Opencart 2.x Opencart 2.x: General questions Подсветка активного пункта меню
fanatic Posted September 28, 2017 Share Posted September 28, 2017 подправил под вашу хотелку стили в шаблоне(пропишите какие хотите) <style> .active_nav{ color:#000 !important; background: #06b6ef !important; } .active_nav_child{ color:#007fff !important; } </style> хотите, перенесите в файл стилей header.php header.tpl Link to comment Share on other sites More sharing options... fanatic Posted September 28, 2017 Share Posted September 28, 2017 del. Link to comment Share on other sites More sharing options... 5 months later... roman409 Posted March 26, 2018 Share Posted March 26, 2018 В 26.09.2017 в 21:53, Gann сказал: скриптом можно само меню <ul class="catalog-prod-ul" id="nav"> <li><a href="....">...</a></li> <li><a href="....">...</a></li> <li><a href="....">....</a></li> скрипт добавит к активному пункту класс active, остаётся только прописать стили этому классу <script type="text/javascript">$('ul#nav li').each(function () {if (this.getElementsByTagName("a")[0].href == location.href) this.className = "active";});</script> Здравствуйте. Подскажите, пожалуйста, как правильно добавить класс active к кнопке переключателя вида товаров на витрине? <div class="view"> <div class="btn-group hidden-xs"> <button type="button" id="list-view" class="btn btn-default"><i class="fa fa-th-list"></i><span class="hidden-xs"> Список</span></button> <button type="button" id="grid-view" class="btn btn-default"><i class="fa fa-th"></i><span class="hidden-xs"> Сетка</span></button> </div> </div> Link to comment Share on other sites More sharing options... Create an account or sign in to comment You need to be a member in order to leave a comment Create an account Sign up for a new account in our community. It's easy! Register a new account Sign in Already have an account? Sign in here. Sign In Now Share More sharing options... Followers 0 Go to topic listing Similar Content Пункт меню MORE Как убрать By Savchin, April 25 1 reply 139 views buslikdrev April 25 Пункты выдачи на карте + определение города By famoryy, April 26 3 replies 138 views niger April 27 На основе меню HTML - добавить/создать - выпадающее меню - как? By wwizard, Friday at 07:23 AM 3 replies 160 views wwizard Friday at 06:29 PM Проблема со списком пунктами самовывоза!! Срочно 1 день By kutorila, May 17 0 replies 121 views kutorila May 17 Создание меню By Lucider105, May 1 2 replies 167 views Tahir0088 May 23 Recently Browsing 0 members No registered users viewing this page.
fanatic Posted September 28, 2017 Share Posted September 28, 2017 del. Link to comment Share on other sites More sharing options... 5 months later... roman409 Posted March 26, 2018 Share Posted March 26, 2018 В 26.09.2017 в 21:53, Gann сказал: скриптом можно само меню <ul class="catalog-prod-ul" id="nav"> <li><a href="....">...</a></li> <li><a href="....">...</a></li> <li><a href="....">....</a></li> скрипт добавит к активному пункту класс active, остаётся только прописать стили этому классу <script type="text/javascript">$('ul#nav li').each(function () {if (this.getElementsByTagName("a")[0].href == location.href) this.className = "active";});</script> Здравствуйте. Подскажите, пожалуйста, как правильно добавить класс active к кнопке переключателя вида товаров на витрине? <div class="view"> <div class="btn-group hidden-xs"> <button type="button" id="list-view" class="btn btn-default"><i class="fa fa-th-list"></i><span class="hidden-xs"> Список</span></button> <button type="button" id="grid-view" class="btn btn-default"><i class="fa fa-th"></i><span class="hidden-xs"> Сетка</span></button> </div> </div> Link to comment Share on other sites More sharing options... Create an account or sign in to comment You need to be a member in order to leave a comment Create an account Sign up for a new account in our community. It's easy! Register a new account Sign in Already have an account? Sign in here. Sign In Now Share More sharing options... Followers 0
roman409 Posted March 26, 2018 Share Posted March 26, 2018 В 26.09.2017 в 21:53, Gann сказал: скриптом можно само меню <ul class="catalog-prod-ul" id="nav"> <li><a href="....">...</a></li> <li><a href="....">...</a></li> <li><a href="....">....</a></li> скрипт добавит к активному пункту класс active, остаётся только прописать стили этому классу <script type="text/javascript">$('ul#nav li').each(function () {if (this.getElementsByTagName("a")[0].href == location.href) this.className = "active";});</script> Здравствуйте. Подскажите, пожалуйста, как правильно добавить класс active к кнопке переключателя вида товаров на витрине? <div class="view"> <div class="btn-group hidden-xs"> <button type="button" id="list-view" class="btn btn-default"><i class="fa fa-th-list"></i><span class="hidden-xs"> Список</span></button> <button type="button" id="grid-view" class="btn btn-default"><i class="fa fa-th"></i><span class="hidden-xs"> Сетка</span></button> </div> </div> Link to comment Share on other sites More sharing options...
Recommended Posts