sdld Posted April 30, 2013 Share Posted April 30, 2013 Добрый день, ОС-Гуру! :) Ребят, подскажите пожалуйся, а то я в JS не силен - как решить проблему: Вывел модулем ссылки (каталог подкатегорий) такого вида: Выделение активной ссылке идет присвоением класса через JS: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(this.href==url){$(this).addClass('actual');}; }); }); </script> с соответсвующим присвоением стиля css Но проблема в том, что мне нужно присвоение класса этой ссылке и по вложенным в категорию товарам... Как переделать JS, чтобы он сверял текущую ссылку с ссылками в блоке до определенного количества символов к примеру или до 2го "/" слеша... или еще как-то, чтобы решить эту головоломку? Помогите пожалуйста, уже все что можно перерыл и взорвал мозг) Link to comment Share on other sites More sharing options...
max201181 Posted April 30, 2013 Share Posted April 30, 2013 <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(this.href==url){ $(this).addClass('actual'); $(this).parent().find('ul > li > a').addClass('actual'); }; }); }); </script> Не уверен, что будет работать, нужно видеть верстку... Но идея в том, чтобы найти родителя для "#column-left a", затем найти все вложенные ссылки и дать им класс actual. 1 Link to comment Share on other sites More sharing options... max201181 Posted April 30, 2013 Share Posted April 30, 2013 сайт покажите. Link to comment Share on other sites More sharing options... sdld Posted April 30, 2013 Author Share Posted April 30, 2013 http://shop.fosografia.ru/admin demo/demo cтраница с модулем над которым бьюсь http://shop.fosografia.ru/mugpopular Link to comment Share on other sites More sharing options... max201181 Posted April 30, 2013 Share Posted April 30, 2013 а где вложенные категории? Там вроде только один уровень.. Или вам надо класс actual чтобы был и на ссылках товаров? Link to comment Share on other sites More sharing options... sdld Posted April 30, 2013 Author Share Posted April 30, 2013 мне не категории нужны а товары... чтобы открыв любой товар из "популярные" была активна "популярные" и т.д. я просто хочу сделать отдельные навигации для разных групп таким образом.. т.е. кружки, футболки, магниты и т.д. без общего каталога. Мб идея и тупая, но суть не в этом, а что уже 2 дня не уснуть блин, зайдя на товар из активной категории активная ссылка теряет актуальность... Link to comment Share on other sites More sharing options... sdld Posted April 30, 2013 Author Share Posted April 30, 2013 а где вложенные категории? Там вроде только один уровень.. Или вам надо класс actual чтобы был и на ссылках товаров? именно! вот этого то и не выходит никак :) Link to comment Share on other sites More sharing options... max201181 Posted April 30, 2013 Share Posted April 30, 2013 <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>0){ $(this).addClass('actual'); }; }); }); </script> Еще так попробуйте. UPD. Опечатка была. 1 Link to comment Share on other sites More sharing options... sdld Posted April 30, 2013 Author Share Posted April 30, 2013 <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>0){ $(this).addClass('actual'); }; }); }); </script> Еще так попробуйте. UPD. Опечатка была. Не работает =\ Даже к самой ссылке не лепит класс Link to comment Share on other sites More sharing options... max201181 Posted April 30, 2013 Share Posted April 30, 2013 <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>0){ $(this).addClass('actual'); }; }); }); </script> Еще так попробуйте. UPD. Опечатка была. Не работает =\ Даже к самой ссылке не лепит класс Знак должен стоять ">", я исправлял. Проверьте. 1 Link to comment Share on other sites More sharing options... sdld Posted April 30, 2013 Author Share Posted April 30, 2013 Да, со знаком ">" сейчас http://shop.fosografia.ru/mugpopular - не возвращал на рабочий скрипт еще.. не присваивает Link to comment Share on other sites More sharing options... sdld Posted April 30, 2013 Author Share Posted April 30, 2013 Решение получено - спасибо большое max201181!!!! Link to comment Share on other sites More sharing options... RomanPavlovich Posted April 30, 2013 Share Posted April 30, 2013 Решение получено - спасибо большое max201181!!!! Выкладывай решение. Link to comment Share on other sites More sharing options... max201181 Posted April 30, 2013 Share Posted April 30, 2013 Решение получено - спасибо большое max201181!!!! Выкладывай решение. Последний пример будет работать, если ">" заменить на ">=" Link to comment Share on other sites More sharing options... Einshtein Posted April 30, 2013 Share Posted April 30, 2013 раз уж затронули тему - я так полагаю это решение подойдет и для выделения активной ссылки в главном горизонтальном меню? Нужно лишь заменить column-left на класс отвечающий за ul пунктов меню? Link to comment Share on other sites More sharing options... max201181 Posted April 30, 2013 Share Posted April 30, 2013 Да, должно работать. Но по мне это больше костыль, чем полноценное решение. Т.к. лучше допилить модуль меню(если конечно в нем не предусмотрено), чтобы текущему пункту нужный класс подставлял. Link to comment Share on other sites More sharing options... tim21701 Posted April 30, 2013 Share Posted April 30, 2013 Не только. Обратите внимание на разницу между ocStore и OpenCart: ocStore: <?php foreach ($categories as $category) { ?> <li><?php if ($category['active']) { ?> <a href="<?php echo $category['href']; ?>" class="active"><?php echo $category['name']; ?></a> <?php } else { ?> <a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a> OpenCart: <?php foreach ($categories as $category) { ?> <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a> Link to comment Share on other sites More sharing options... Einshtein Posted April 30, 2013 Share Posted April 30, 2013 в том то и дело что меню в ОС не присваивается класс active который должен подсвечивать активный пункт меню. Это решается скриптом, но у меня пока не доходили руки плотно заняться этим вопросом, все жду когда клиент какойнить попросит так сделать :) PS Опаньки! проверил только что на чистой ОС 1,5,4,1 - уже все по дефолту присваивается, спасибо Тим, не обратил внимание :) В предыдущих версиях вроде такого небыло Link to comment Share on other sites More sharing options... max201181 Posted April 30, 2013 Share Posted April 30, 2013 Приведенный выше код от tim21701 , практически универсален и сгодится для любых меню. Использую подобный на всех своих проектах. 1 Link to comment Share on other sites More sharing options... sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Еще 1 вопрос возник) как это код: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); </script> привести к виду, что если перебором ссылок в ID #Y есть такаяже ссылка в ID #X то присвоить ссылке из ID #Y присвоить .addClass ('actualx'). Это единственная алгаритм по которому я додумался реализовать "выделение" категории. Т.е. у меня в шапке иконки категорий с линками на подраздел "популярные" и для каждой категории собственная навигация категории в левом блоке, вот если js сделать проверку, левого блока по ID сравнимый с верхним блоком, в котором иконки, то этой иконке дать другой класс, чтобы она "залипшая была" как при наведении. Link to comment Share on other sites More sharing options... max201181 Posted May 3, 2013 Share Posted May 3, 2013 Если сильно не заморачиваться и если я правильно понял, то проще сделать еще один цикл по #header: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); $.each($("#header a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actualx'); }; }); }); </script> Но повторюсь, все же это больше костыль и в идеале это нужно делать на PHP, как написано выше. Link to comment Share on other sites More sharing options... sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Если сильно не заморачиваться и если я правильно понял, то проще сделать еще один цикл по #header: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); $.each($("#header a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actualx'); }; }); }); </script> Но повторюсь, все же это больше костыль и в идеале это нужно делать на PHP, как написано выше. Данное решение немного не то.. т.к. проверка идет и по левой колонке и по верхним ссылкам, но в случае с колонкой - всегда работает, а с верхними ссылками, только при открытие тойже, на какую ведет "верхняя ссылка"... поэтому и нужен скрипт который по сути определяет какая из навигаций в данный момент "активна" чтобы выделить ссылку вверху для всех вложений этой навигации.. поиском через JS 1 совпадения ссылки и левого блока. Для категорий PHP пример мне не пойдет, т.к. в навигации у меня еще ссылки на статью и блог будут. Link to comment Share on other sites More sharing options... max201181 Posted May 3, 2013 Share Posted May 3, 2013 Так верхнее меню (с картинками) и кажется оно статично, ведет на первые пункты левого меню? Тут можно что-нибудь придумать с атрибутами ссылок. Например: в левое меню ввести атрибут type="ID верхнего меню" с сверять их(type==id) при рендере страницы. Но придется глумится далее(предвкушаю переход на карточку товара)... Вообще все это раз и навсегда решит правильная организация каталога на сайте. Я имею ввиду категории/подкатегории и т.д. В верхнем меню сделать вывод верхнего уровня категорий, а в левом - все вложенные. И они должны будут подсвечиваться без дополнительного шаманства. Link to comment Share on other sites More sharing options... sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Так верхнее меню (с картинками) и кажется оно статично, ведет на первые пункты левого меню? Тут можно что-нибудь придумать с атрибутами ссылок. Например: в левое меню ввести атрибут type="ID верхнего меню" с сверять их(type==id) при рендере страницы. Но придется глумится далее(предвкушаю переход на карточку товара)... Вообще все это раз и навсегда решит правильная организация каталога на сайте. Я имею ввиду категории/подкатегории и т.д. В верхнем меню сделать вывод верхнего уровня категорий, а в левом - все вложенные. И они должны будут подсвечиваться без дополнительного шаманства. я тоже предвкушал ) но организацию верха на прыжок к странице-списку всех вложений категории для меня печален, т.к. мне нужно именно запускать клиента сразу на топовые позиции каталога нежели к выбору подкатегорий, многие или уходят при виде подкатегорий или уходят после захода в одну и не нравится им там все не возвращаются назад а тупо ливают.. мое решение повысило конверсию в разы, учитывая, что сайт как песочница для меня до сих пор.. я с 0 познаниями поставил опенкарт и начал его копать.. причем без денвера - наживую, вот и наполнение для меня до сих пор "впадлу", хочется сделать узабилити и визуализацию приятнее и приятнее.. Решить это можно ИМХО только скриптом, который при загрузке страницы читает все хрефы в блока А (левый блок) и сравнивает их с блоком Б (верхний блок) и если находит сходство даёт класс этой ссылке из блока Б. Т.к. у меня все висит на разных схемах - вложения товара уже не проблема, т.к. они висят на техже схемах что и блок А! Но с моими познаниями школьного бэйсика и крошки РУ 15 летней давности для меня JS как для гуся коллайдер :D Я несколько дней гуглил чтобы решить первую проблему (сабж) и втыкал мануалы, но так и не доперло тупо добавить знак >=, а тут так вообще отдельный скрипт - вешалка! Уповаю на помощь знающих людей :) Link to comment Share on other sites More sharing options... max201181 Posted May 3, 2013 Share Posted May 3, 2013 1. Добавьте ссылкам из шаблона меню категорий атрибут, например type="ID пункта верхнего меню". 2. <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); type = $(this).attr('type'); $("#"+type).addClass('actualx'); }; }); }); }); </script> Но тут еще придется допиливать в PHP, т.к. левое меню динамическое. Нужно будет править шаблон модуля, который выводит список категорий слева, чтобы добавить им новый атрибут. Link to comment Share on other sites More sharing options... Prev 1 2 Next Page 1 of 2 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 Пункты выдачи товаров на Яндекс.Карте By Vice, June 6, 2013 пункты выдачи товаров яндекс.карты (and 4 more) Tagged with: пункты выдачи товаров яндекс.карты карты координаты схема проезда пункты выдачи заказов 0 comments 26,034 views Vice June 6, 2013 Пункты выдачи заказов на Яндекс.Карте By Vice, September 2, 2019 пункты выдачи заказов яндекс.карты (and 3 more) Tagged with: пункты выдачи заказов яндекс.карты схема проезда координаты пункты выдачи 0 comments 3,245 views Vice September 3, 2019 Как добавить свой пункт меню админки OpenCart 3 By prizruslan, October 20, 2022 2 replies 380 views Seofisher October 21, 2022 новый пункт меню By dyoma_bg, August 28, 2022 3 replies 363 views dyoma_bg August 31, 2022 Меню By molariv, October 18, 2022 3 replies 263 views molariv October 19, 2022 Recently Browsing 0 members No registered users viewing this page. Последние темы Последние дополнения Последние новости All Activity Home Поддержка и ответы на вопросы Шаблоны, дизайн и оформление магазина [РЕШЕНО] Выделение пункта меню Покупателям Оплата дополнений физическими лицами Оплата дополнений юридическими лицами Политика возвратов Разработчикам Регламент размещения дополнений Регламент продаж и поддержки дополнений Виртуальный аккаунт автора Политика продвижения объявлений API каталога дополнений Урегулирование споров по авторским правам Полезная информация Публичная оферта Политика возвратов Политика конфиденциальности Платежная политика Политика Передачи Персональных Данных Политика прозрачности Последние дополнения Chameleon - Responsive & Multipurpose Opencart Template + Quick Start By 29aleksey Wayforpay API оплата для Opencart 2.3, 3.x By bogdan281989 TgMarket - Модуль интернет магазина в телеграмме. By Rassol2 ShowCase – Responsive / Multipurpose Opencart Template By octemplates Telnotification By Yevhenii_7777 × 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
max201181 Posted April 30, 2013 Share Posted April 30, 2013 сайт покажите. Link to comment Share on other sites More sharing options... sdld Posted April 30, 2013 Author Share Posted April 30, 2013 http://shop.fosografia.ru/admin demo/demo cтраница с модулем над которым бьюсь http://shop.fosografia.ru/mugpopular Link to comment Share on other sites More sharing options... max201181 Posted April 30, 2013 Share Posted April 30, 2013 а где вложенные категории? Там вроде только один уровень.. Или вам надо класс actual чтобы был и на ссылках товаров? Link to comment Share on other sites More sharing options... sdld Posted April 30, 2013 Author Share Posted April 30, 2013 мне не категории нужны а товары... чтобы открыв любой товар из "популярные" была активна "популярные" и т.д. я просто хочу сделать отдельные навигации для разных групп таким образом.. т.е. кружки, футболки, магниты и т.д. без общего каталога. Мб идея и тупая, но суть не в этом, а что уже 2 дня не уснуть блин, зайдя на товар из активной категории активная ссылка теряет актуальность... Link to comment Share on other sites More sharing options... sdld Posted April 30, 2013 Author Share Posted April 30, 2013 а где вложенные категории? Там вроде только один уровень.. Или вам надо класс actual чтобы был и на ссылках товаров? именно! вот этого то и не выходит никак :) Link to comment Share on other sites More sharing options... max201181 Posted April 30, 2013 Share Posted April 30, 2013 <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>0){ $(this).addClass('actual'); }; }); }); </script> Еще так попробуйте. UPD. Опечатка была. 1 Link to comment Share on other sites More sharing options... sdld Posted April 30, 2013 Author Share Posted April 30, 2013 <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>0){ $(this).addClass('actual'); }; }); }); </script> Еще так попробуйте. UPD. Опечатка была. Не работает =\ Даже к самой ссылке не лепит класс Link to comment Share on other sites More sharing options... max201181 Posted April 30, 2013 Share Posted April 30, 2013 <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>0){ $(this).addClass('actual'); }; }); }); </script> Еще так попробуйте. UPD. Опечатка была. Не работает =\ Даже к самой ссылке не лепит класс Знак должен стоять ">", я исправлял. Проверьте. 1 Link to comment Share on other sites More sharing options... sdld Posted April 30, 2013 Author Share Posted April 30, 2013 Да, со знаком ">" сейчас http://shop.fosografia.ru/mugpopular - не возвращал на рабочий скрипт еще.. не присваивает Link to comment Share on other sites More sharing options... sdld Posted April 30, 2013 Author Share Posted April 30, 2013 Решение получено - спасибо большое max201181!!!! Link to comment Share on other sites More sharing options... RomanPavlovich Posted April 30, 2013 Share Posted April 30, 2013 Решение получено - спасибо большое max201181!!!! Выкладывай решение. Link to comment Share on other sites More sharing options... max201181 Posted April 30, 2013 Share Posted April 30, 2013 Решение получено - спасибо большое max201181!!!! Выкладывай решение. Последний пример будет работать, если ">" заменить на ">=" Link to comment Share on other sites More sharing options... Einshtein Posted April 30, 2013 Share Posted April 30, 2013 раз уж затронули тему - я так полагаю это решение подойдет и для выделения активной ссылки в главном горизонтальном меню? Нужно лишь заменить column-left на класс отвечающий за ul пунктов меню? Link to comment Share on other sites More sharing options... max201181 Posted April 30, 2013 Share Posted April 30, 2013 Да, должно работать. Но по мне это больше костыль, чем полноценное решение. Т.к. лучше допилить модуль меню(если конечно в нем не предусмотрено), чтобы текущему пункту нужный класс подставлял. Link to comment Share on other sites More sharing options... tim21701 Posted April 30, 2013 Share Posted April 30, 2013 Не только. Обратите внимание на разницу между ocStore и OpenCart: ocStore: <?php foreach ($categories as $category) { ?> <li><?php if ($category['active']) { ?> <a href="<?php echo $category['href']; ?>" class="active"><?php echo $category['name']; ?></a> <?php } else { ?> <a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a> OpenCart: <?php foreach ($categories as $category) { ?> <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a> Link to comment Share on other sites More sharing options... Einshtein Posted April 30, 2013 Share Posted April 30, 2013 в том то и дело что меню в ОС не присваивается класс active который должен подсвечивать активный пункт меню. Это решается скриптом, но у меня пока не доходили руки плотно заняться этим вопросом, все жду когда клиент какойнить попросит так сделать :) PS Опаньки! проверил только что на чистой ОС 1,5,4,1 - уже все по дефолту присваивается, спасибо Тим, не обратил внимание :) В предыдущих версиях вроде такого небыло Link to comment Share on other sites More sharing options... max201181 Posted April 30, 2013 Share Posted April 30, 2013 Приведенный выше код от tim21701 , практически универсален и сгодится для любых меню. Использую подобный на всех своих проектах. 1 Link to comment Share on other sites More sharing options... sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Еще 1 вопрос возник) как это код: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); </script> привести к виду, что если перебором ссылок в ID #Y есть такаяже ссылка в ID #X то присвоить ссылке из ID #Y присвоить .addClass ('actualx'). Это единственная алгаритм по которому я додумался реализовать "выделение" категории. Т.е. у меня в шапке иконки категорий с линками на подраздел "популярные" и для каждой категории собственная навигация категории в левом блоке, вот если js сделать проверку, левого блока по ID сравнимый с верхним блоком, в котором иконки, то этой иконке дать другой класс, чтобы она "залипшая была" как при наведении. Link to comment Share on other sites More sharing options... max201181 Posted May 3, 2013 Share Posted May 3, 2013 Если сильно не заморачиваться и если я правильно понял, то проще сделать еще один цикл по #header: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); $.each($("#header a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actualx'); }; }); }); </script> Но повторюсь, все же это больше костыль и в идеале это нужно делать на PHP, как написано выше. Link to comment Share on other sites More sharing options... sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Если сильно не заморачиваться и если я правильно понял, то проще сделать еще один цикл по #header: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); $.each($("#header a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actualx'); }; }); }); </script> Но повторюсь, все же это больше костыль и в идеале это нужно делать на PHP, как написано выше. Данное решение немного не то.. т.к. проверка идет и по левой колонке и по верхним ссылкам, но в случае с колонкой - всегда работает, а с верхними ссылками, только при открытие тойже, на какую ведет "верхняя ссылка"... поэтому и нужен скрипт который по сути определяет какая из навигаций в данный момент "активна" чтобы выделить ссылку вверху для всех вложений этой навигации.. поиском через JS 1 совпадения ссылки и левого блока. Для категорий PHP пример мне не пойдет, т.к. в навигации у меня еще ссылки на статью и блог будут. Link to comment Share on other sites More sharing options... max201181 Posted May 3, 2013 Share Posted May 3, 2013 Так верхнее меню (с картинками) и кажется оно статично, ведет на первые пункты левого меню? Тут можно что-нибудь придумать с атрибутами ссылок. Например: в левое меню ввести атрибут type="ID верхнего меню" с сверять их(type==id) при рендере страницы. Но придется глумится далее(предвкушаю переход на карточку товара)... Вообще все это раз и навсегда решит правильная организация каталога на сайте. Я имею ввиду категории/подкатегории и т.д. В верхнем меню сделать вывод верхнего уровня категорий, а в левом - все вложенные. И они должны будут подсвечиваться без дополнительного шаманства. Link to comment Share on other sites More sharing options... sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Так верхнее меню (с картинками) и кажется оно статично, ведет на первые пункты левого меню? Тут можно что-нибудь придумать с атрибутами ссылок. Например: в левое меню ввести атрибут type="ID верхнего меню" с сверять их(type==id) при рендере страницы. Но придется глумится далее(предвкушаю переход на карточку товара)... Вообще все это раз и навсегда решит правильная организация каталога на сайте. Я имею ввиду категории/подкатегории и т.д. В верхнем меню сделать вывод верхнего уровня категорий, а в левом - все вложенные. И они должны будут подсвечиваться без дополнительного шаманства. я тоже предвкушал ) но организацию верха на прыжок к странице-списку всех вложений категории для меня печален, т.к. мне нужно именно запускать клиента сразу на топовые позиции каталога нежели к выбору подкатегорий, многие или уходят при виде подкатегорий или уходят после захода в одну и не нравится им там все не возвращаются назад а тупо ливают.. мое решение повысило конверсию в разы, учитывая, что сайт как песочница для меня до сих пор.. я с 0 познаниями поставил опенкарт и начал его копать.. причем без денвера - наживую, вот и наполнение для меня до сих пор "впадлу", хочется сделать узабилити и визуализацию приятнее и приятнее.. Решить это можно ИМХО только скриптом, который при загрузке страницы читает все хрефы в блока А (левый блок) и сравнивает их с блоком Б (верхний блок) и если находит сходство даёт класс этой ссылке из блока Б. Т.к. у меня все висит на разных схемах - вложения товара уже не проблема, т.к. они висят на техже схемах что и блок А! Но с моими познаниями школьного бэйсика и крошки РУ 15 летней давности для меня JS как для гуся коллайдер :D Я несколько дней гуглил чтобы решить первую проблему (сабж) и втыкал мануалы, но так и не доперло тупо добавить знак >=, а тут так вообще отдельный скрипт - вешалка! Уповаю на помощь знающих людей :) Link to comment Share on other sites More sharing options... max201181 Posted May 3, 2013 Share Posted May 3, 2013 1. Добавьте ссылкам из шаблона меню категорий атрибут, например type="ID пункта верхнего меню". 2. <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); type = $(this).attr('type'); $("#"+type).addClass('actualx'); }; }); }); }); </script> Но тут еще придется допиливать в PHP, т.к. левое меню динамическое. Нужно будет править шаблон модуля, который выводит список категорий слева, чтобы добавить им новый атрибут. Link to comment Share on other sites More sharing options... Prev 1 2 Next Page 1 of 2 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 Пункты выдачи товаров на Яндекс.Карте By Vice, June 6, 2013 пункты выдачи товаров яндекс.карты (and 4 more) Tagged with: пункты выдачи товаров яндекс.карты карты координаты схема проезда пункты выдачи заказов 0 comments 26,034 views Vice June 6, 2013 Пункты выдачи заказов на Яндекс.Карте By Vice, September 2, 2019 пункты выдачи заказов яндекс.карты (and 3 more) Tagged with: пункты выдачи заказов яндекс.карты схема проезда координаты пункты выдачи 0 comments 3,245 views Vice September 3, 2019 Как добавить свой пункт меню админки OpenCart 3 By prizruslan, October 20, 2022 2 replies 380 views Seofisher October 21, 2022 новый пункт меню By dyoma_bg, August 28, 2022 3 replies 363 views dyoma_bg August 31, 2022 Меню By molariv, October 18, 2022 3 replies 263 views molariv October 19, 2022 Recently Browsing 0 members No registered users viewing this page. Последние темы Последние дополнения Последние новости All Activity Home Поддержка и ответы на вопросы Шаблоны, дизайн и оформление магазина [РЕШЕНО] Выделение пункта меню Покупателям Оплата дополнений физическими лицами Оплата дополнений юридическими лицами Политика возвратов Разработчикам Регламент размещения дополнений Регламент продаж и поддержки дополнений Виртуальный аккаунт автора Политика продвижения объявлений API каталога дополнений Урегулирование споров по авторским правам Полезная информация Публичная оферта Политика возвратов Политика конфиденциальности Платежная политика Политика Передачи Персональных Данных Политика прозрачности Последние дополнения Chameleon - Responsive & Multipurpose Opencart Template + Quick Start By 29aleksey Wayforpay API оплата для Opencart 2.3, 3.x By bogdan281989 TgMarket - Модуль интернет магазина в телеграмме. By Rassol2 ShowCase – Responsive / Multipurpose Opencart Template By octemplates Telnotification By Yevhenii_7777 × 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
sdld Posted April 30, 2013 Author Share Posted April 30, 2013 http://shop.fosografia.ru/admin demo/demo cтраница с модулем над которым бьюсь http://shop.fosografia.ru/mugpopular Link to comment Share on other sites More sharing options...
max201181 Posted April 30, 2013 Share Posted April 30, 2013 а где вложенные категории? Там вроде только один уровень.. Или вам надо класс actual чтобы был и на ссылках товаров? Link to comment Share on other sites More sharing options... sdld Posted April 30, 2013 Author Share Posted April 30, 2013 мне не категории нужны а товары... чтобы открыв любой товар из "популярные" была активна "популярные" и т.д. я просто хочу сделать отдельные навигации для разных групп таким образом.. т.е. кружки, футболки, магниты и т.д. без общего каталога. Мб идея и тупая, но суть не в этом, а что уже 2 дня не уснуть блин, зайдя на товар из активной категории активная ссылка теряет актуальность... Link to comment Share on other sites More sharing options... sdld Posted April 30, 2013 Author Share Posted April 30, 2013 а где вложенные категории? Там вроде только один уровень.. Или вам надо класс actual чтобы был и на ссылках товаров? именно! вот этого то и не выходит никак :) Link to comment Share on other sites More sharing options... max201181 Posted April 30, 2013 Share Posted April 30, 2013 <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>0){ $(this).addClass('actual'); }; }); }); </script> Еще так попробуйте. UPD. Опечатка была. 1 Link to comment Share on other sites More sharing options... sdld Posted April 30, 2013 Author Share Posted April 30, 2013 <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>0){ $(this).addClass('actual'); }; }); }); </script> Еще так попробуйте. UPD. Опечатка была. Не работает =\ Даже к самой ссылке не лепит класс Link to comment Share on other sites More sharing options... max201181 Posted April 30, 2013 Share Posted April 30, 2013 <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>0){ $(this).addClass('actual'); }; }); }); </script> Еще так попробуйте. UPD. Опечатка была. Не работает =\ Даже к самой ссылке не лепит класс Знак должен стоять ">", я исправлял. Проверьте. 1 Link to comment Share on other sites More sharing options... sdld Posted April 30, 2013 Author Share Posted April 30, 2013 Да, со знаком ">" сейчас http://shop.fosografia.ru/mugpopular - не возвращал на рабочий скрипт еще.. не присваивает Link to comment Share on other sites More sharing options... sdld Posted April 30, 2013 Author Share Posted April 30, 2013 Решение получено - спасибо большое max201181!!!! Link to comment Share on other sites More sharing options... RomanPavlovich Posted April 30, 2013 Share Posted April 30, 2013 Решение получено - спасибо большое max201181!!!! Выкладывай решение. Link to comment Share on other sites More sharing options... max201181 Posted April 30, 2013 Share Posted April 30, 2013 Решение получено - спасибо большое max201181!!!! Выкладывай решение. Последний пример будет работать, если ">" заменить на ">=" Link to comment Share on other sites More sharing options... Einshtein Posted April 30, 2013 Share Posted April 30, 2013 раз уж затронули тему - я так полагаю это решение подойдет и для выделения активной ссылки в главном горизонтальном меню? Нужно лишь заменить column-left на класс отвечающий за ul пунктов меню? Link to comment Share on other sites More sharing options... max201181 Posted April 30, 2013 Share Posted April 30, 2013 Да, должно работать. Но по мне это больше костыль, чем полноценное решение. Т.к. лучше допилить модуль меню(если конечно в нем не предусмотрено), чтобы текущему пункту нужный класс подставлял. Link to comment Share on other sites More sharing options... tim21701 Posted April 30, 2013 Share Posted April 30, 2013 Не только. Обратите внимание на разницу между ocStore и OpenCart: ocStore: <?php foreach ($categories as $category) { ?> <li><?php if ($category['active']) { ?> <a href="<?php echo $category['href']; ?>" class="active"><?php echo $category['name']; ?></a> <?php } else { ?> <a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a> OpenCart: <?php foreach ($categories as $category) { ?> <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a> Link to comment Share on other sites More sharing options... Einshtein Posted April 30, 2013 Share Posted April 30, 2013 в том то и дело что меню в ОС не присваивается класс active который должен подсвечивать активный пункт меню. Это решается скриптом, но у меня пока не доходили руки плотно заняться этим вопросом, все жду когда клиент какойнить попросит так сделать :) PS Опаньки! проверил только что на чистой ОС 1,5,4,1 - уже все по дефолту присваивается, спасибо Тим, не обратил внимание :) В предыдущих версиях вроде такого небыло Link to comment Share on other sites More sharing options... max201181 Posted April 30, 2013 Share Posted April 30, 2013 Приведенный выше код от tim21701 , практически универсален и сгодится для любых меню. Использую подобный на всех своих проектах. 1 Link to comment Share on other sites More sharing options... sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Еще 1 вопрос возник) как это код: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); </script> привести к виду, что если перебором ссылок в ID #Y есть такаяже ссылка в ID #X то присвоить ссылке из ID #Y присвоить .addClass ('actualx'). Это единственная алгаритм по которому я додумался реализовать "выделение" категории. Т.е. у меня в шапке иконки категорий с линками на подраздел "популярные" и для каждой категории собственная навигация категории в левом блоке, вот если js сделать проверку, левого блока по ID сравнимый с верхним блоком, в котором иконки, то этой иконке дать другой класс, чтобы она "залипшая была" как при наведении. Link to comment Share on other sites More sharing options... max201181 Posted May 3, 2013 Share Posted May 3, 2013 Если сильно не заморачиваться и если я правильно понял, то проще сделать еще один цикл по #header: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); $.each($("#header a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actualx'); }; }); }); </script> Но повторюсь, все же это больше костыль и в идеале это нужно делать на PHP, как написано выше. Link to comment Share on other sites More sharing options... sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Если сильно не заморачиваться и если я правильно понял, то проще сделать еще один цикл по #header: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); $.each($("#header a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actualx'); }; }); }); </script> Но повторюсь, все же это больше костыль и в идеале это нужно делать на PHP, как написано выше. Данное решение немного не то.. т.к. проверка идет и по левой колонке и по верхним ссылкам, но в случае с колонкой - всегда работает, а с верхними ссылками, только при открытие тойже, на какую ведет "верхняя ссылка"... поэтому и нужен скрипт который по сути определяет какая из навигаций в данный момент "активна" чтобы выделить ссылку вверху для всех вложений этой навигации.. поиском через JS 1 совпадения ссылки и левого блока. Для категорий PHP пример мне не пойдет, т.к. в навигации у меня еще ссылки на статью и блог будут. Link to comment Share on other sites More sharing options... max201181 Posted May 3, 2013 Share Posted May 3, 2013 Так верхнее меню (с картинками) и кажется оно статично, ведет на первые пункты левого меню? Тут можно что-нибудь придумать с атрибутами ссылок. Например: в левое меню ввести атрибут type="ID верхнего меню" с сверять их(type==id) при рендере страницы. Но придется глумится далее(предвкушаю переход на карточку товара)... Вообще все это раз и навсегда решит правильная организация каталога на сайте. Я имею ввиду категории/подкатегории и т.д. В верхнем меню сделать вывод верхнего уровня категорий, а в левом - все вложенные. И они должны будут подсвечиваться без дополнительного шаманства. Link to comment Share on other sites More sharing options... sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Так верхнее меню (с картинками) и кажется оно статично, ведет на первые пункты левого меню? Тут можно что-нибудь придумать с атрибутами ссылок. Например: в левое меню ввести атрибут type="ID верхнего меню" с сверять их(type==id) при рендере страницы. Но придется глумится далее(предвкушаю переход на карточку товара)... Вообще все это раз и навсегда решит правильная организация каталога на сайте. Я имею ввиду категории/подкатегории и т.д. В верхнем меню сделать вывод верхнего уровня категорий, а в левом - все вложенные. И они должны будут подсвечиваться без дополнительного шаманства. я тоже предвкушал ) но организацию верха на прыжок к странице-списку всех вложений категории для меня печален, т.к. мне нужно именно запускать клиента сразу на топовые позиции каталога нежели к выбору подкатегорий, многие или уходят при виде подкатегорий или уходят после захода в одну и не нравится им там все не возвращаются назад а тупо ливают.. мое решение повысило конверсию в разы, учитывая, что сайт как песочница для меня до сих пор.. я с 0 познаниями поставил опенкарт и начал его копать.. причем без денвера - наживую, вот и наполнение для меня до сих пор "впадлу", хочется сделать узабилити и визуализацию приятнее и приятнее.. Решить это можно ИМХО только скриптом, который при загрузке страницы читает все хрефы в блока А (левый блок) и сравнивает их с блоком Б (верхний блок) и если находит сходство даёт класс этой ссылке из блока Б. Т.к. у меня все висит на разных схемах - вложения товара уже не проблема, т.к. они висят на техже схемах что и блок А! Но с моими познаниями школьного бэйсика и крошки РУ 15 летней давности для меня JS как для гуся коллайдер :D Я несколько дней гуглил чтобы решить первую проблему (сабж) и втыкал мануалы, но так и не доперло тупо добавить знак >=, а тут так вообще отдельный скрипт - вешалка! Уповаю на помощь знающих людей :) Link to comment Share on other sites More sharing options... max201181 Posted May 3, 2013 Share Posted May 3, 2013 1. Добавьте ссылкам из шаблона меню категорий атрибут, например type="ID пункта верхнего меню". 2. <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); type = $(this).attr('type'); $("#"+type).addClass('actualx'); }; }); }); }); </script> Но тут еще придется допиливать в PHP, т.к. левое меню динамическое. Нужно будет править шаблон модуля, который выводит список категорий слева, чтобы добавить им новый атрибут. Link to comment Share on other sites More sharing options... Prev 1 2 Next Page 1 of 2 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 Пункты выдачи товаров на Яндекс.Карте By Vice, June 6, 2013 пункты выдачи товаров яндекс.карты (and 4 more) Tagged with: пункты выдачи товаров яндекс.карты карты координаты схема проезда пункты выдачи заказов 0 comments 26,034 views Vice June 6, 2013 Пункты выдачи заказов на Яндекс.Карте By Vice, September 2, 2019 пункты выдачи заказов яндекс.карты (and 3 more) Tagged with: пункты выдачи заказов яндекс.карты схема проезда координаты пункты выдачи 0 comments 3,245 views Vice September 3, 2019 Как добавить свой пункт меню админки OpenCart 3 By prizruslan, October 20, 2022 2 replies 380 views Seofisher October 21, 2022 новый пункт меню By dyoma_bg, August 28, 2022 3 replies 363 views dyoma_bg August 31, 2022 Меню By molariv, October 18, 2022 3 replies 263 views molariv October 19, 2022 Recently Browsing 0 members No registered users viewing this page. Последние темы Последние дополнения Последние новости All Activity Home Поддержка и ответы на вопросы Шаблоны, дизайн и оформление магазина [РЕШЕНО] Выделение пункта меню Покупателям Оплата дополнений физическими лицами Оплата дополнений юридическими лицами Политика возвратов Разработчикам Регламент размещения дополнений Регламент продаж и поддержки дополнений Виртуальный аккаунт автора Политика продвижения объявлений API каталога дополнений Урегулирование споров по авторским правам Полезная информация Публичная оферта Политика возвратов Политика конфиденциальности Платежная политика Политика Передачи Персональных Данных Политика прозрачности Последние дополнения Chameleon - Responsive & Multipurpose Opencart Template + Quick Start By 29aleksey Wayforpay API оплата для Opencart 2.3, 3.x By bogdan281989 TgMarket - Модуль интернет магазина в телеграмме. By Rassol2 ShowCase – Responsive / Multipurpose Opencart Template By octemplates Telnotification By Yevhenii_7777 × 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
sdld Posted April 30, 2013 Author Share Posted April 30, 2013 мне не категории нужны а товары... чтобы открыв любой товар из "популярные" была активна "популярные" и т.д. я просто хочу сделать отдельные навигации для разных групп таким образом.. т.е. кружки, футболки, магниты и т.д. без общего каталога. Мб идея и тупая, но суть не в этом, а что уже 2 дня не уснуть блин, зайдя на товар из активной категории активная ссылка теряет актуальность... Link to comment Share on other sites More sharing options...
sdld Posted April 30, 2013 Author Share Posted April 30, 2013 а где вложенные категории? Там вроде только один уровень.. Или вам надо класс actual чтобы был и на ссылках товаров? именно! вот этого то и не выходит никак :) Link to comment Share on other sites More sharing options...
max201181 Posted April 30, 2013 Share Posted April 30, 2013 <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>0){ $(this).addClass('actual'); }; }); }); </script> Еще так попробуйте. UPD. Опечатка была. 1 Link to comment Share on other sites More sharing options... sdld Posted April 30, 2013 Author Share Posted April 30, 2013 <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>0){ $(this).addClass('actual'); }; }); }); </script> Еще так попробуйте. UPD. Опечатка была. Не работает =\ Даже к самой ссылке не лепит класс Link to comment Share on other sites More sharing options... max201181 Posted April 30, 2013 Share Posted April 30, 2013 <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>0){ $(this).addClass('actual'); }; }); }); </script> Еще так попробуйте. UPD. Опечатка была. Не работает =\ Даже к самой ссылке не лепит класс Знак должен стоять ">", я исправлял. Проверьте. 1 Link to comment Share on other sites More sharing options... sdld Posted April 30, 2013 Author Share Posted April 30, 2013 Да, со знаком ">" сейчас http://shop.fosografia.ru/mugpopular - не возвращал на рабочий скрипт еще.. не присваивает Link to comment Share on other sites More sharing options... sdld Posted April 30, 2013 Author Share Posted April 30, 2013 Решение получено - спасибо большое max201181!!!! Link to comment Share on other sites More sharing options... RomanPavlovich Posted April 30, 2013 Share Posted April 30, 2013 Решение получено - спасибо большое max201181!!!! Выкладывай решение. Link to comment Share on other sites More sharing options... max201181 Posted April 30, 2013 Share Posted April 30, 2013 Решение получено - спасибо большое max201181!!!! Выкладывай решение. Последний пример будет работать, если ">" заменить на ">=" Link to comment Share on other sites More sharing options... Einshtein Posted April 30, 2013 Share Posted April 30, 2013 раз уж затронули тему - я так полагаю это решение подойдет и для выделения активной ссылки в главном горизонтальном меню? Нужно лишь заменить column-left на класс отвечающий за ul пунктов меню? Link to comment Share on other sites More sharing options... max201181 Posted April 30, 2013 Share Posted April 30, 2013 Да, должно работать. Но по мне это больше костыль, чем полноценное решение. Т.к. лучше допилить модуль меню(если конечно в нем не предусмотрено), чтобы текущему пункту нужный класс подставлял. Link to comment Share on other sites More sharing options... tim21701 Posted April 30, 2013 Share Posted April 30, 2013 Не только. Обратите внимание на разницу между ocStore и OpenCart: ocStore: <?php foreach ($categories as $category) { ?> <li><?php if ($category['active']) { ?> <a href="<?php echo $category['href']; ?>" class="active"><?php echo $category['name']; ?></a> <?php } else { ?> <a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a> OpenCart: <?php foreach ($categories as $category) { ?> <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a> Link to comment Share on other sites More sharing options... Einshtein Posted April 30, 2013 Share Posted April 30, 2013 в том то и дело что меню в ОС не присваивается класс active который должен подсвечивать активный пункт меню. Это решается скриптом, но у меня пока не доходили руки плотно заняться этим вопросом, все жду когда клиент какойнить попросит так сделать :) PS Опаньки! проверил только что на чистой ОС 1,5,4,1 - уже все по дефолту присваивается, спасибо Тим, не обратил внимание :) В предыдущих версиях вроде такого небыло Link to comment Share on other sites More sharing options... max201181 Posted April 30, 2013 Share Posted April 30, 2013 Приведенный выше код от tim21701 , практически универсален и сгодится для любых меню. Использую подобный на всех своих проектах. 1 Link to comment Share on other sites More sharing options... sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Еще 1 вопрос возник) как это код: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); </script> привести к виду, что если перебором ссылок в ID #Y есть такаяже ссылка в ID #X то присвоить ссылке из ID #Y присвоить .addClass ('actualx'). Это единственная алгаритм по которому я додумался реализовать "выделение" категории. Т.е. у меня в шапке иконки категорий с линками на подраздел "популярные" и для каждой категории собственная навигация категории в левом блоке, вот если js сделать проверку, левого блока по ID сравнимый с верхним блоком, в котором иконки, то этой иконке дать другой класс, чтобы она "залипшая была" как при наведении. Link to comment Share on other sites More sharing options... max201181 Posted May 3, 2013 Share Posted May 3, 2013 Если сильно не заморачиваться и если я правильно понял, то проще сделать еще один цикл по #header: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); $.each($("#header a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actualx'); }; }); }); </script> Но повторюсь, все же это больше костыль и в идеале это нужно делать на PHP, как написано выше. Link to comment Share on other sites More sharing options... sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Если сильно не заморачиваться и если я правильно понял, то проще сделать еще один цикл по #header: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); $.each($("#header a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actualx'); }; }); }); </script> Но повторюсь, все же это больше костыль и в идеале это нужно делать на PHP, как написано выше. Данное решение немного не то.. т.к. проверка идет и по левой колонке и по верхним ссылкам, но в случае с колонкой - всегда работает, а с верхними ссылками, только при открытие тойже, на какую ведет "верхняя ссылка"... поэтому и нужен скрипт который по сути определяет какая из навигаций в данный момент "активна" чтобы выделить ссылку вверху для всех вложений этой навигации.. поиском через JS 1 совпадения ссылки и левого блока. Для категорий PHP пример мне не пойдет, т.к. в навигации у меня еще ссылки на статью и блог будут. Link to comment Share on other sites More sharing options... max201181 Posted May 3, 2013 Share Posted May 3, 2013 Так верхнее меню (с картинками) и кажется оно статично, ведет на первые пункты левого меню? Тут можно что-нибудь придумать с атрибутами ссылок. Например: в левое меню ввести атрибут type="ID верхнего меню" с сверять их(type==id) при рендере страницы. Но придется глумится далее(предвкушаю переход на карточку товара)... Вообще все это раз и навсегда решит правильная организация каталога на сайте. Я имею ввиду категории/подкатегории и т.д. В верхнем меню сделать вывод верхнего уровня категорий, а в левом - все вложенные. И они должны будут подсвечиваться без дополнительного шаманства. Link to comment Share on other sites More sharing options... sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Так верхнее меню (с картинками) и кажется оно статично, ведет на первые пункты левого меню? Тут можно что-нибудь придумать с атрибутами ссылок. Например: в левое меню ввести атрибут type="ID верхнего меню" с сверять их(type==id) при рендере страницы. Но придется глумится далее(предвкушаю переход на карточку товара)... Вообще все это раз и навсегда решит правильная организация каталога на сайте. Я имею ввиду категории/подкатегории и т.д. В верхнем меню сделать вывод верхнего уровня категорий, а в левом - все вложенные. И они должны будут подсвечиваться без дополнительного шаманства. я тоже предвкушал ) но организацию верха на прыжок к странице-списку всех вложений категории для меня печален, т.к. мне нужно именно запускать клиента сразу на топовые позиции каталога нежели к выбору подкатегорий, многие или уходят при виде подкатегорий или уходят после захода в одну и не нравится им там все не возвращаются назад а тупо ливают.. мое решение повысило конверсию в разы, учитывая, что сайт как песочница для меня до сих пор.. я с 0 познаниями поставил опенкарт и начал его копать.. причем без денвера - наживую, вот и наполнение для меня до сих пор "впадлу", хочется сделать узабилити и визуализацию приятнее и приятнее.. Решить это можно ИМХО только скриптом, который при загрузке страницы читает все хрефы в блока А (левый блок) и сравнивает их с блоком Б (верхний блок) и если находит сходство даёт класс этой ссылке из блока Б. Т.к. у меня все висит на разных схемах - вложения товара уже не проблема, т.к. они висят на техже схемах что и блок А! Но с моими познаниями школьного бэйсика и крошки РУ 15 летней давности для меня JS как для гуся коллайдер :D Я несколько дней гуглил чтобы решить первую проблему (сабж) и втыкал мануалы, но так и не доперло тупо добавить знак >=, а тут так вообще отдельный скрипт - вешалка! Уповаю на помощь знающих людей :) Link to comment Share on other sites More sharing options... max201181 Posted May 3, 2013 Share Posted May 3, 2013 1. Добавьте ссылкам из шаблона меню категорий атрибут, например type="ID пункта верхнего меню". 2. <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); type = $(this).attr('type'); $("#"+type).addClass('actualx'); }; }); }); }); </script> Но тут еще придется допиливать в PHP, т.к. левое меню динамическое. Нужно будет править шаблон модуля, который выводит список категорий слева, чтобы добавить им новый атрибут. Link to comment Share on other sites More sharing options... Prev 1 2 Next Page 1 of 2 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 Пункты выдачи товаров на Яндекс.Карте By Vice, June 6, 2013 пункты выдачи товаров яндекс.карты (and 4 more) Tagged with: пункты выдачи товаров яндекс.карты карты координаты схема проезда пункты выдачи заказов 0 comments 26,034 views Vice June 6, 2013 Пункты выдачи заказов на Яндекс.Карте By Vice, September 2, 2019 пункты выдачи заказов яндекс.карты (and 3 more) Tagged with: пункты выдачи заказов яндекс.карты схема проезда координаты пункты выдачи 0 comments 3,245 views Vice September 3, 2019 Как добавить свой пункт меню админки OpenCart 3 By prizruslan, October 20, 2022 2 replies 380 views Seofisher October 21, 2022 новый пункт меню By dyoma_bg, August 28, 2022 3 replies 363 views dyoma_bg August 31, 2022 Меню By molariv, October 18, 2022 3 replies 263 views molariv October 19, 2022 Recently Browsing 0 members No registered users viewing this page. Последние темы Последние дополнения Последние новости All Activity Home Поддержка и ответы на вопросы Шаблоны, дизайн и оформление магазина [РЕШЕНО] Выделение пункта меню Покупателям Оплата дополнений физическими лицами Оплата дополнений юридическими лицами Политика возвратов Разработчикам Регламент размещения дополнений Регламент продаж и поддержки дополнений Виртуальный аккаунт автора Политика продвижения объявлений API каталога дополнений Урегулирование споров по авторским правам Полезная информация Публичная оферта Политика возвратов Политика конфиденциальности Платежная политика Политика Передачи Персональных Данных Политика прозрачности Последние дополнения Chameleon - Responsive & Multipurpose Opencart Template + Quick Start By 29aleksey Wayforpay API оплата для Opencart 2.3, 3.x By bogdan281989 TgMarket - Модуль интернет магазина в телеграмме. By Rassol2 ShowCase – Responsive / Multipurpose Opencart Template By octemplates Telnotification By Yevhenii_7777 × 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
sdld Posted April 30, 2013 Author Share Posted April 30, 2013 <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>0){ $(this).addClass('actual'); }; }); }); </script> Еще так попробуйте. UPD. Опечатка была. Не работает =\ Даже к самой ссылке не лепит класс Link to comment Share on other sites More sharing options...
max201181 Posted April 30, 2013 Share Posted April 30, 2013 <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>0){ $(this).addClass('actual'); }; }); }); </script> Еще так попробуйте. UPD. Опечатка была. Не работает =\ Даже к самой ссылке не лепит класс Знак должен стоять ">", я исправлял. Проверьте. 1 Link to comment Share on other sites More sharing options... sdld Posted April 30, 2013 Author Share Posted April 30, 2013 Да, со знаком ">" сейчас http://shop.fosografia.ru/mugpopular - не возвращал на рабочий скрипт еще.. не присваивает Link to comment Share on other sites More sharing options... sdld Posted April 30, 2013 Author Share Posted April 30, 2013 Решение получено - спасибо большое max201181!!!! Link to comment Share on other sites More sharing options... RomanPavlovich Posted April 30, 2013 Share Posted April 30, 2013 Решение получено - спасибо большое max201181!!!! Выкладывай решение. Link to comment Share on other sites More sharing options... max201181 Posted April 30, 2013 Share Posted April 30, 2013 Решение получено - спасибо большое max201181!!!! Выкладывай решение. Последний пример будет работать, если ">" заменить на ">=" Link to comment Share on other sites More sharing options... Einshtein Posted April 30, 2013 Share Posted April 30, 2013 раз уж затронули тему - я так полагаю это решение подойдет и для выделения активной ссылки в главном горизонтальном меню? Нужно лишь заменить column-left на класс отвечающий за ul пунктов меню? Link to comment Share on other sites More sharing options... max201181 Posted April 30, 2013 Share Posted April 30, 2013 Да, должно работать. Но по мне это больше костыль, чем полноценное решение. Т.к. лучше допилить модуль меню(если конечно в нем не предусмотрено), чтобы текущему пункту нужный класс подставлял. Link to comment Share on other sites More sharing options... tim21701 Posted April 30, 2013 Share Posted April 30, 2013 Не только. Обратите внимание на разницу между ocStore и OpenCart: ocStore: <?php foreach ($categories as $category) { ?> <li><?php if ($category['active']) { ?> <a href="<?php echo $category['href']; ?>" class="active"><?php echo $category['name']; ?></a> <?php } else { ?> <a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a> OpenCart: <?php foreach ($categories as $category) { ?> <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a> Link to comment Share on other sites More sharing options... Einshtein Posted April 30, 2013 Share Posted April 30, 2013 в том то и дело что меню в ОС не присваивается класс active который должен подсвечивать активный пункт меню. Это решается скриптом, но у меня пока не доходили руки плотно заняться этим вопросом, все жду когда клиент какойнить попросит так сделать :) PS Опаньки! проверил только что на чистой ОС 1,5,4,1 - уже все по дефолту присваивается, спасибо Тим, не обратил внимание :) В предыдущих версиях вроде такого небыло Link to comment Share on other sites More sharing options... max201181 Posted April 30, 2013 Share Posted April 30, 2013 Приведенный выше код от tim21701 , практически универсален и сгодится для любых меню. Использую подобный на всех своих проектах. 1 Link to comment Share on other sites More sharing options... sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Еще 1 вопрос возник) как это код: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); </script> привести к виду, что если перебором ссылок в ID #Y есть такаяже ссылка в ID #X то присвоить ссылке из ID #Y присвоить .addClass ('actualx'). Это единственная алгаритм по которому я додумался реализовать "выделение" категории. Т.е. у меня в шапке иконки категорий с линками на подраздел "популярные" и для каждой категории собственная навигация категории в левом блоке, вот если js сделать проверку, левого блока по ID сравнимый с верхним блоком, в котором иконки, то этой иконке дать другой класс, чтобы она "залипшая была" как при наведении. Link to comment Share on other sites More sharing options... max201181 Posted May 3, 2013 Share Posted May 3, 2013 Если сильно не заморачиваться и если я правильно понял, то проще сделать еще один цикл по #header: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); $.each($("#header a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actualx'); }; }); }); </script> Но повторюсь, все же это больше костыль и в идеале это нужно делать на PHP, как написано выше. Link to comment Share on other sites More sharing options... sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Если сильно не заморачиваться и если я правильно понял, то проще сделать еще один цикл по #header: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); $.each($("#header a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actualx'); }; }); }); </script> Но повторюсь, все же это больше костыль и в идеале это нужно делать на PHP, как написано выше. Данное решение немного не то.. т.к. проверка идет и по левой колонке и по верхним ссылкам, но в случае с колонкой - всегда работает, а с верхними ссылками, только при открытие тойже, на какую ведет "верхняя ссылка"... поэтому и нужен скрипт который по сути определяет какая из навигаций в данный момент "активна" чтобы выделить ссылку вверху для всех вложений этой навигации.. поиском через JS 1 совпадения ссылки и левого блока. Для категорий PHP пример мне не пойдет, т.к. в навигации у меня еще ссылки на статью и блог будут. Link to comment Share on other sites More sharing options... max201181 Posted May 3, 2013 Share Posted May 3, 2013 Так верхнее меню (с картинками) и кажется оно статично, ведет на первые пункты левого меню? Тут можно что-нибудь придумать с атрибутами ссылок. Например: в левое меню ввести атрибут type="ID верхнего меню" с сверять их(type==id) при рендере страницы. Но придется глумится далее(предвкушаю переход на карточку товара)... Вообще все это раз и навсегда решит правильная организация каталога на сайте. Я имею ввиду категории/подкатегории и т.д. В верхнем меню сделать вывод верхнего уровня категорий, а в левом - все вложенные. И они должны будут подсвечиваться без дополнительного шаманства. Link to comment Share on other sites More sharing options... sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Так верхнее меню (с картинками) и кажется оно статично, ведет на первые пункты левого меню? Тут можно что-нибудь придумать с атрибутами ссылок. Например: в левое меню ввести атрибут type="ID верхнего меню" с сверять их(type==id) при рендере страницы. Но придется глумится далее(предвкушаю переход на карточку товара)... Вообще все это раз и навсегда решит правильная организация каталога на сайте. Я имею ввиду категории/подкатегории и т.д. В верхнем меню сделать вывод верхнего уровня категорий, а в левом - все вложенные. И они должны будут подсвечиваться без дополнительного шаманства. я тоже предвкушал ) но организацию верха на прыжок к странице-списку всех вложений категории для меня печален, т.к. мне нужно именно запускать клиента сразу на топовые позиции каталога нежели к выбору подкатегорий, многие или уходят при виде подкатегорий или уходят после захода в одну и не нравится им там все не возвращаются назад а тупо ливают.. мое решение повысило конверсию в разы, учитывая, что сайт как песочница для меня до сих пор.. я с 0 познаниями поставил опенкарт и начал его копать.. причем без денвера - наживую, вот и наполнение для меня до сих пор "впадлу", хочется сделать узабилити и визуализацию приятнее и приятнее.. Решить это можно ИМХО только скриптом, который при загрузке страницы читает все хрефы в блока А (левый блок) и сравнивает их с блоком Б (верхний блок) и если находит сходство даёт класс этой ссылке из блока Б. Т.к. у меня все висит на разных схемах - вложения товара уже не проблема, т.к. они висят на техже схемах что и блок А! Но с моими познаниями школьного бэйсика и крошки РУ 15 летней давности для меня JS как для гуся коллайдер :D Я несколько дней гуглил чтобы решить первую проблему (сабж) и втыкал мануалы, но так и не доперло тупо добавить знак >=, а тут так вообще отдельный скрипт - вешалка! Уповаю на помощь знающих людей :) Link to comment Share on other sites More sharing options... max201181 Posted May 3, 2013 Share Posted May 3, 2013 1. Добавьте ссылкам из шаблона меню категорий атрибут, например type="ID пункта верхнего меню". 2. <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); type = $(this).attr('type'); $("#"+type).addClass('actualx'); }; }); }); }); </script> Но тут еще придется допиливать в PHP, т.к. левое меню динамическое. Нужно будет править шаблон модуля, который выводит список категорий слева, чтобы добавить им новый атрибут. Link to comment Share on other sites More sharing options... Prev 1 2 Next Page 1 of 2 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 Пункты выдачи товаров на Яндекс.Карте By Vice, June 6, 2013 пункты выдачи товаров яндекс.карты (and 4 more) Tagged with: пункты выдачи товаров яндекс.карты карты координаты схема проезда пункты выдачи заказов 0 comments 26,034 views Vice June 6, 2013 Пункты выдачи заказов на Яндекс.Карте By Vice, September 2, 2019 пункты выдачи заказов яндекс.карты (and 3 more) Tagged with: пункты выдачи заказов яндекс.карты схема проезда координаты пункты выдачи 0 comments 3,245 views Vice September 3, 2019 Как добавить свой пункт меню админки OpenCart 3 By prizruslan, October 20, 2022 2 replies 380 views Seofisher October 21, 2022 новый пункт меню By dyoma_bg, August 28, 2022 3 replies 363 views dyoma_bg August 31, 2022 Меню By molariv, October 18, 2022 3 replies 263 views molariv October 19, 2022 Recently Browsing 0 members No registered users viewing this page. Последние темы Последние дополнения Последние новости All Activity Home Поддержка и ответы на вопросы Шаблоны, дизайн и оформление магазина [РЕШЕНО] Выделение пункта меню Покупателям Оплата дополнений физическими лицами Оплата дополнений юридическими лицами Политика возвратов Разработчикам Регламент размещения дополнений Регламент продаж и поддержки дополнений Виртуальный аккаунт автора Политика продвижения объявлений API каталога дополнений Урегулирование споров по авторским правам Полезная информация Публичная оферта Политика возвратов Политика конфиденциальности Платежная политика Политика Передачи Персональных Данных Политика прозрачности Последние дополнения Chameleon - Responsive & Multipurpose Opencart Template + Quick Start By 29aleksey Wayforpay API оплата для Opencart 2.3, 3.x By bogdan281989 TgMarket - Модуль интернет магазина в телеграмме. By Rassol2 ShowCase – Responsive / Multipurpose Opencart Template By octemplates Telnotification By Yevhenii_7777 × 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
sdld Posted April 30, 2013 Author Share Posted April 30, 2013 Да, со знаком ">" сейчас http://shop.fosografia.ru/mugpopular - не возвращал на рабочий скрипт еще.. не присваивает Link to comment Share on other sites More sharing options...
sdld Posted April 30, 2013 Author Share Posted April 30, 2013 Решение получено - спасибо большое max201181!!!! Link to comment Share on other sites More sharing options...
RomanPavlovich Posted April 30, 2013 Share Posted April 30, 2013 Решение получено - спасибо большое max201181!!!! Выкладывай решение. Link to comment Share on other sites More sharing options...
max201181 Posted April 30, 2013 Share Posted April 30, 2013 Решение получено - спасибо большое max201181!!!! Выкладывай решение. Последний пример будет работать, если ">" заменить на ">=" Link to comment Share on other sites More sharing options... Einshtein Posted April 30, 2013 Share Posted April 30, 2013 раз уж затронули тему - я так полагаю это решение подойдет и для выделения активной ссылки в главном горизонтальном меню? Нужно лишь заменить column-left на класс отвечающий за ul пунктов меню? Link to comment Share on other sites More sharing options... max201181 Posted April 30, 2013 Share Posted April 30, 2013 Да, должно работать. Но по мне это больше костыль, чем полноценное решение. Т.к. лучше допилить модуль меню(если конечно в нем не предусмотрено), чтобы текущему пункту нужный класс подставлял. Link to comment Share on other sites More sharing options... tim21701 Posted April 30, 2013 Share Posted April 30, 2013 Не только. Обратите внимание на разницу между ocStore и OpenCart: ocStore: <?php foreach ($categories as $category) { ?> <li><?php if ($category['active']) { ?> <a href="<?php echo $category['href']; ?>" class="active"><?php echo $category['name']; ?></a> <?php } else { ?> <a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a> OpenCart: <?php foreach ($categories as $category) { ?> <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a> Link to comment Share on other sites More sharing options... Einshtein Posted April 30, 2013 Share Posted April 30, 2013 в том то и дело что меню в ОС не присваивается класс active который должен подсвечивать активный пункт меню. Это решается скриптом, но у меня пока не доходили руки плотно заняться этим вопросом, все жду когда клиент какойнить попросит так сделать :) PS Опаньки! проверил только что на чистой ОС 1,5,4,1 - уже все по дефолту присваивается, спасибо Тим, не обратил внимание :) В предыдущих версиях вроде такого небыло Link to comment Share on other sites More sharing options... max201181 Posted April 30, 2013 Share Posted April 30, 2013 Приведенный выше код от tim21701 , практически универсален и сгодится для любых меню. Использую подобный на всех своих проектах. 1 Link to comment Share on other sites More sharing options... sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Еще 1 вопрос возник) как это код: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); </script> привести к виду, что если перебором ссылок в ID #Y есть такаяже ссылка в ID #X то присвоить ссылке из ID #Y присвоить .addClass ('actualx'). Это единственная алгаритм по которому я додумался реализовать "выделение" категории. Т.е. у меня в шапке иконки категорий с линками на подраздел "популярные" и для каждой категории собственная навигация категории в левом блоке, вот если js сделать проверку, левого блока по ID сравнимый с верхним блоком, в котором иконки, то этой иконке дать другой класс, чтобы она "залипшая была" как при наведении. Link to comment Share on other sites More sharing options... max201181 Posted May 3, 2013 Share Posted May 3, 2013 Если сильно не заморачиваться и если я правильно понял, то проще сделать еще один цикл по #header: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); $.each($("#header a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actualx'); }; }); }); </script> Но повторюсь, все же это больше костыль и в идеале это нужно делать на PHP, как написано выше. Link to comment Share on other sites More sharing options... sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Если сильно не заморачиваться и если я правильно понял, то проще сделать еще один цикл по #header: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); $.each($("#header a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actualx'); }; }); }); </script> Но повторюсь, все же это больше костыль и в идеале это нужно делать на PHP, как написано выше. Данное решение немного не то.. т.к. проверка идет и по левой колонке и по верхним ссылкам, но в случае с колонкой - всегда работает, а с верхними ссылками, только при открытие тойже, на какую ведет "верхняя ссылка"... поэтому и нужен скрипт который по сути определяет какая из навигаций в данный момент "активна" чтобы выделить ссылку вверху для всех вложений этой навигации.. поиском через JS 1 совпадения ссылки и левого блока. Для категорий PHP пример мне не пойдет, т.к. в навигации у меня еще ссылки на статью и блог будут. Link to comment Share on other sites More sharing options... max201181 Posted May 3, 2013 Share Posted May 3, 2013 Так верхнее меню (с картинками) и кажется оно статично, ведет на первые пункты левого меню? Тут можно что-нибудь придумать с атрибутами ссылок. Например: в левое меню ввести атрибут type="ID верхнего меню" с сверять их(type==id) при рендере страницы. Но придется глумится далее(предвкушаю переход на карточку товара)... Вообще все это раз и навсегда решит правильная организация каталога на сайте. Я имею ввиду категории/подкатегории и т.д. В верхнем меню сделать вывод верхнего уровня категорий, а в левом - все вложенные. И они должны будут подсвечиваться без дополнительного шаманства. Link to comment Share on other sites More sharing options... sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Так верхнее меню (с картинками) и кажется оно статично, ведет на первые пункты левого меню? Тут можно что-нибудь придумать с атрибутами ссылок. Например: в левое меню ввести атрибут type="ID верхнего меню" с сверять их(type==id) при рендере страницы. Но придется глумится далее(предвкушаю переход на карточку товара)... Вообще все это раз и навсегда решит правильная организация каталога на сайте. Я имею ввиду категории/подкатегории и т.д. В верхнем меню сделать вывод верхнего уровня категорий, а в левом - все вложенные. И они должны будут подсвечиваться без дополнительного шаманства. я тоже предвкушал ) но организацию верха на прыжок к странице-списку всех вложений категории для меня печален, т.к. мне нужно именно запускать клиента сразу на топовые позиции каталога нежели к выбору подкатегорий, многие или уходят при виде подкатегорий или уходят после захода в одну и не нравится им там все не возвращаются назад а тупо ливают.. мое решение повысило конверсию в разы, учитывая, что сайт как песочница для меня до сих пор.. я с 0 познаниями поставил опенкарт и начал его копать.. причем без денвера - наживую, вот и наполнение для меня до сих пор "впадлу", хочется сделать узабилити и визуализацию приятнее и приятнее.. Решить это можно ИМХО только скриптом, который при загрузке страницы читает все хрефы в блока А (левый блок) и сравнивает их с блоком Б (верхний блок) и если находит сходство даёт класс этой ссылке из блока Б. Т.к. у меня все висит на разных схемах - вложения товара уже не проблема, т.к. они висят на техже схемах что и блок А! Но с моими познаниями школьного бэйсика и крошки РУ 15 летней давности для меня JS как для гуся коллайдер :D Я несколько дней гуглил чтобы решить первую проблему (сабж) и втыкал мануалы, но так и не доперло тупо добавить знак >=, а тут так вообще отдельный скрипт - вешалка! Уповаю на помощь знающих людей :) Link to comment Share on other sites More sharing options... max201181 Posted May 3, 2013 Share Posted May 3, 2013 1. Добавьте ссылкам из шаблона меню категорий атрибут, например type="ID пункта верхнего меню". 2. <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); type = $(this).attr('type'); $("#"+type).addClass('actualx'); }; }); }); }); </script> Но тут еще придется допиливать в PHP, т.к. левое меню динамическое. Нужно будет править шаблон модуля, который выводит список категорий слева, чтобы добавить им новый атрибут. Link to comment Share on other sites More sharing options... Prev 1 2 Next Page 1 of 2 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 Пункты выдачи товаров на Яндекс.Карте By Vice, June 6, 2013 пункты выдачи товаров яндекс.карты (and 4 more) Tagged with: пункты выдачи товаров яндекс.карты карты координаты схема проезда пункты выдачи заказов 0 comments 26,034 views Vice June 6, 2013 Пункты выдачи заказов на Яндекс.Карте By Vice, September 2, 2019 пункты выдачи заказов яндекс.карты (and 3 more) Tagged with: пункты выдачи заказов яндекс.карты схема проезда координаты пункты выдачи 0 comments 3,245 views Vice September 3, 2019 Как добавить свой пункт меню админки OpenCart 3 By prizruslan, October 20, 2022 2 replies 380 views Seofisher October 21, 2022 новый пункт меню By dyoma_bg, August 28, 2022 3 replies 363 views dyoma_bg August 31, 2022 Меню By molariv, October 18, 2022 3 replies 263 views molariv October 19, 2022 Recently Browsing 0 members No registered users viewing this page. Последние темы Последние дополнения Последние новости All Activity Home Поддержка и ответы на вопросы Шаблоны, дизайн и оформление магазина [РЕШЕНО] Выделение пункта меню Покупателям Оплата дополнений физическими лицами Оплата дополнений юридическими лицами Политика возвратов Разработчикам Регламент размещения дополнений Регламент продаж и поддержки дополнений Виртуальный аккаунт автора Политика продвижения объявлений API каталога дополнений Урегулирование споров по авторским правам Полезная информация Публичная оферта Политика возвратов Политика конфиденциальности Платежная политика Политика Передачи Персональных Данных Политика прозрачности Последние дополнения Chameleon - Responsive & Multipurpose Opencart Template + Quick Start By 29aleksey Wayforpay API оплата для Opencart 2.3, 3.x By bogdan281989 TgMarket - Модуль интернет магазина в телеграмме. By Rassol2 ShowCase – Responsive / Multipurpose Opencart Template By octemplates Telnotification By Yevhenii_7777 × 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
Einshtein Posted April 30, 2013 Share Posted April 30, 2013 раз уж затронули тему - я так полагаю это решение подойдет и для выделения активной ссылки в главном горизонтальном меню? Нужно лишь заменить column-left на класс отвечающий за ul пунктов меню? Link to comment Share on other sites More sharing options...
max201181 Posted April 30, 2013 Share Posted April 30, 2013 Да, должно работать. Но по мне это больше костыль, чем полноценное решение. Т.к. лучше допилить модуль меню(если конечно в нем не предусмотрено), чтобы текущему пункту нужный класс подставлял. Link to comment Share on other sites More sharing options... tim21701 Posted April 30, 2013 Share Posted April 30, 2013 Не только. Обратите внимание на разницу между ocStore и OpenCart: ocStore: <?php foreach ($categories as $category) { ?> <li><?php if ($category['active']) { ?> <a href="<?php echo $category['href']; ?>" class="active"><?php echo $category['name']; ?></a> <?php } else { ?> <a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a> OpenCart: <?php foreach ($categories as $category) { ?> <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a> Link to comment Share on other sites More sharing options... Einshtein Posted April 30, 2013 Share Posted April 30, 2013 в том то и дело что меню в ОС не присваивается класс active который должен подсвечивать активный пункт меню. Это решается скриптом, но у меня пока не доходили руки плотно заняться этим вопросом, все жду когда клиент какойнить попросит так сделать :) PS Опаньки! проверил только что на чистой ОС 1,5,4,1 - уже все по дефолту присваивается, спасибо Тим, не обратил внимание :) В предыдущих версиях вроде такого небыло Link to comment Share on other sites More sharing options... max201181 Posted April 30, 2013 Share Posted April 30, 2013 Приведенный выше код от tim21701 , практически универсален и сгодится для любых меню. Использую подобный на всех своих проектах. 1 Link to comment Share on other sites More sharing options... sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Еще 1 вопрос возник) как это код: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); </script> привести к виду, что если перебором ссылок в ID #Y есть такаяже ссылка в ID #X то присвоить ссылке из ID #Y присвоить .addClass ('actualx'). Это единственная алгаритм по которому я додумался реализовать "выделение" категории. Т.е. у меня в шапке иконки категорий с линками на подраздел "популярные" и для каждой категории собственная навигация категории в левом блоке, вот если js сделать проверку, левого блока по ID сравнимый с верхним блоком, в котором иконки, то этой иконке дать другой класс, чтобы она "залипшая была" как при наведении. Link to comment Share on other sites More sharing options... max201181 Posted May 3, 2013 Share Posted May 3, 2013 Если сильно не заморачиваться и если я правильно понял, то проще сделать еще один цикл по #header: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); $.each($("#header a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actualx'); }; }); }); </script> Но повторюсь, все же это больше костыль и в идеале это нужно делать на PHP, как написано выше. Link to comment Share on other sites More sharing options... sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Если сильно не заморачиваться и если я правильно понял, то проще сделать еще один цикл по #header: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); $.each($("#header a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actualx'); }; }); }); </script> Но повторюсь, все же это больше костыль и в идеале это нужно делать на PHP, как написано выше. Данное решение немного не то.. т.к. проверка идет и по левой колонке и по верхним ссылкам, но в случае с колонкой - всегда работает, а с верхними ссылками, только при открытие тойже, на какую ведет "верхняя ссылка"... поэтому и нужен скрипт который по сути определяет какая из навигаций в данный момент "активна" чтобы выделить ссылку вверху для всех вложений этой навигации.. поиском через JS 1 совпадения ссылки и левого блока. Для категорий PHP пример мне не пойдет, т.к. в навигации у меня еще ссылки на статью и блог будут. Link to comment Share on other sites More sharing options... max201181 Posted May 3, 2013 Share Posted May 3, 2013 Так верхнее меню (с картинками) и кажется оно статично, ведет на первые пункты левого меню? Тут можно что-нибудь придумать с атрибутами ссылок. Например: в левое меню ввести атрибут type="ID верхнего меню" с сверять их(type==id) при рендере страницы. Но придется глумится далее(предвкушаю переход на карточку товара)... Вообще все это раз и навсегда решит правильная организация каталога на сайте. Я имею ввиду категории/подкатегории и т.д. В верхнем меню сделать вывод верхнего уровня категорий, а в левом - все вложенные. И они должны будут подсвечиваться без дополнительного шаманства. Link to comment Share on other sites More sharing options... sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Так верхнее меню (с картинками) и кажется оно статично, ведет на первые пункты левого меню? Тут можно что-нибудь придумать с атрибутами ссылок. Например: в левое меню ввести атрибут type="ID верхнего меню" с сверять их(type==id) при рендере страницы. Но придется глумится далее(предвкушаю переход на карточку товара)... Вообще все это раз и навсегда решит правильная организация каталога на сайте. Я имею ввиду категории/подкатегории и т.д. В верхнем меню сделать вывод верхнего уровня категорий, а в левом - все вложенные. И они должны будут подсвечиваться без дополнительного шаманства. я тоже предвкушал ) но организацию верха на прыжок к странице-списку всех вложений категории для меня печален, т.к. мне нужно именно запускать клиента сразу на топовые позиции каталога нежели к выбору подкатегорий, многие или уходят при виде подкатегорий или уходят после захода в одну и не нравится им там все не возвращаются назад а тупо ливают.. мое решение повысило конверсию в разы, учитывая, что сайт как песочница для меня до сих пор.. я с 0 познаниями поставил опенкарт и начал его копать.. причем без денвера - наживую, вот и наполнение для меня до сих пор "впадлу", хочется сделать узабилити и визуализацию приятнее и приятнее.. Решить это можно ИМХО только скриптом, который при загрузке страницы читает все хрефы в блока А (левый блок) и сравнивает их с блоком Б (верхний блок) и если находит сходство даёт класс этой ссылке из блока Б. Т.к. у меня все висит на разных схемах - вложения товара уже не проблема, т.к. они висят на техже схемах что и блок А! Но с моими познаниями школьного бэйсика и крошки РУ 15 летней давности для меня JS как для гуся коллайдер :D Я несколько дней гуглил чтобы решить первую проблему (сабж) и втыкал мануалы, но так и не доперло тупо добавить знак >=, а тут так вообще отдельный скрипт - вешалка! Уповаю на помощь знающих людей :) Link to comment Share on other sites More sharing options... max201181 Posted May 3, 2013 Share Posted May 3, 2013 1. Добавьте ссылкам из шаблона меню категорий атрибут, например type="ID пункта верхнего меню". 2. <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); type = $(this).attr('type'); $("#"+type).addClass('actualx'); }; }); }); }); </script> Но тут еще придется допиливать в PHP, т.к. левое меню динамическое. Нужно будет править шаблон модуля, который выводит список категорий слева, чтобы добавить им новый атрибут. Link to comment Share on other sites More sharing options... Prev 1 2 Next Page 1 of 2 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 Пункты выдачи товаров на Яндекс.Карте By Vice, June 6, 2013 пункты выдачи товаров яндекс.карты (and 4 more) Tagged with: пункты выдачи товаров яндекс.карты карты координаты схема проезда пункты выдачи заказов 0 comments 26,034 views Vice June 6, 2013 Пункты выдачи заказов на Яндекс.Карте By Vice, September 2, 2019 пункты выдачи заказов яндекс.карты (and 3 more) Tagged with: пункты выдачи заказов яндекс.карты схема проезда координаты пункты выдачи 0 comments 3,245 views Vice September 3, 2019 Как добавить свой пункт меню админки OpenCart 3 By prizruslan, October 20, 2022 2 replies 380 views Seofisher October 21, 2022 новый пункт меню By dyoma_bg, August 28, 2022 3 replies 363 views dyoma_bg August 31, 2022 Меню By molariv, October 18, 2022 3 replies 263 views molariv October 19, 2022 Recently Browsing 0 members No registered users viewing this page. Последние темы Последние дополнения Последние новости All Activity Home Поддержка и ответы на вопросы Шаблоны, дизайн и оформление магазина [РЕШЕНО] Выделение пункта меню Покупателям Оплата дополнений физическими лицами Оплата дополнений юридическими лицами Политика возвратов Разработчикам Регламент размещения дополнений Регламент продаж и поддержки дополнений Виртуальный аккаунт автора Политика продвижения объявлений API каталога дополнений Урегулирование споров по авторским правам Полезная информация Публичная оферта Политика возвратов Политика конфиденциальности Платежная политика Политика Передачи Персональных Данных Политика прозрачности Последние дополнения Chameleon - Responsive & Multipurpose Opencart Template + Quick Start By 29aleksey Wayforpay API оплата для Opencart 2.3, 3.x By bogdan281989 TgMarket - Модуль интернет магазина в телеграмме. By Rassol2 ShowCase – Responsive / Multipurpose Opencart Template By octemplates Telnotification By Yevhenii_7777 × 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
tim21701 Posted April 30, 2013 Share Posted April 30, 2013 Не только. Обратите внимание на разницу между ocStore и OpenCart: ocStore: <?php foreach ($categories as $category) { ?> <li><?php if ($category['active']) { ?> <a href="<?php echo $category['href']; ?>" class="active"><?php echo $category['name']; ?></a> <?php } else { ?> <a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a> OpenCart: <?php foreach ($categories as $category) { ?> <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a> Link to comment Share on other sites More sharing options... Einshtein Posted April 30, 2013 Share Posted April 30, 2013 в том то и дело что меню в ОС не присваивается класс active который должен подсвечивать активный пункт меню. Это решается скриптом, но у меня пока не доходили руки плотно заняться этим вопросом, все жду когда клиент какойнить попросит так сделать :) PS Опаньки! проверил только что на чистой ОС 1,5,4,1 - уже все по дефолту присваивается, спасибо Тим, не обратил внимание :) В предыдущих версиях вроде такого небыло Link to comment Share on other sites More sharing options... max201181 Posted April 30, 2013 Share Posted April 30, 2013 Приведенный выше код от tim21701 , практически универсален и сгодится для любых меню. Использую подобный на всех своих проектах. 1 Link to comment Share on other sites More sharing options... sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Еще 1 вопрос возник) как это код: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); </script> привести к виду, что если перебором ссылок в ID #Y есть такаяже ссылка в ID #X то присвоить ссылке из ID #Y присвоить .addClass ('actualx'). Это единственная алгаритм по которому я додумался реализовать "выделение" категории. Т.е. у меня в шапке иконки категорий с линками на подраздел "популярные" и для каждой категории собственная навигация категории в левом блоке, вот если js сделать проверку, левого блока по ID сравнимый с верхним блоком, в котором иконки, то этой иконке дать другой класс, чтобы она "залипшая была" как при наведении. Link to comment Share on other sites More sharing options... max201181 Posted May 3, 2013 Share Posted May 3, 2013 Если сильно не заморачиваться и если я правильно понял, то проще сделать еще один цикл по #header: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); $.each($("#header a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actualx'); }; }); }); </script> Но повторюсь, все же это больше костыль и в идеале это нужно делать на PHP, как написано выше. Link to comment Share on other sites More sharing options... sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Если сильно не заморачиваться и если я правильно понял, то проще сделать еще один цикл по #header: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); $.each($("#header a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actualx'); }; }); }); </script> Но повторюсь, все же это больше костыль и в идеале это нужно делать на PHP, как написано выше. Данное решение немного не то.. т.к. проверка идет и по левой колонке и по верхним ссылкам, но в случае с колонкой - всегда работает, а с верхними ссылками, только при открытие тойже, на какую ведет "верхняя ссылка"... поэтому и нужен скрипт который по сути определяет какая из навигаций в данный момент "активна" чтобы выделить ссылку вверху для всех вложений этой навигации.. поиском через JS 1 совпадения ссылки и левого блока. Для категорий PHP пример мне не пойдет, т.к. в навигации у меня еще ссылки на статью и блог будут. Link to comment Share on other sites More sharing options... max201181 Posted May 3, 2013 Share Posted May 3, 2013 Так верхнее меню (с картинками) и кажется оно статично, ведет на первые пункты левого меню? Тут можно что-нибудь придумать с атрибутами ссылок. Например: в левое меню ввести атрибут type="ID верхнего меню" с сверять их(type==id) при рендере страницы. Но придется глумится далее(предвкушаю переход на карточку товара)... Вообще все это раз и навсегда решит правильная организация каталога на сайте. Я имею ввиду категории/подкатегории и т.д. В верхнем меню сделать вывод верхнего уровня категорий, а в левом - все вложенные. И они должны будут подсвечиваться без дополнительного шаманства. Link to comment Share on other sites More sharing options... sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Так верхнее меню (с картинками) и кажется оно статично, ведет на первые пункты левого меню? Тут можно что-нибудь придумать с атрибутами ссылок. Например: в левое меню ввести атрибут type="ID верхнего меню" с сверять их(type==id) при рендере страницы. Но придется глумится далее(предвкушаю переход на карточку товара)... Вообще все это раз и навсегда решит правильная организация каталога на сайте. Я имею ввиду категории/подкатегории и т.д. В верхнем меню сделать вывод верхнего уровня категорий, а в левом - все вложенные. И они должны будут подсвечиваться без дополнительного шаманства. я тоже предвкушал ) но организацию верха на прыжок к странице-списку всех вложений категории для меня печален, т.к. мне нужно именно запускать клиента сразу на топовые позиции каталога нежели к выбору подкатегорий, многие или уходят при виде подкатегорий или уходят после захода в одну и не нравится им там все не возвращаются назад а тупо ливают.. мое решение повысило конверсию в разы, учитывая, что сайт как песочница для меня до сих пор.. я с 0 познаниями поставил опенкарт и начал его копать.. причем без денвера - наживую, вот и наполнение для меня до сих пор "впадлу", хочется сделать узабилити и визуализацию приятнее и приятнее.. Решить это можно ИМХО только скриптом, который при загрузке страницы читает все хрефы в блока А (левый блок) и сравнивает их с блоком Б (верхний блок) и если находит сходство даёт класс этой ссылке из блока Б. Т.к. у меня все висит на разных схемах - вложения товара уже не проблема, т.к. они висят на техже схемах что и блок А! Но с моими познаниями школьного бэйсика и крошки РУ 15 летней давности для меня JS как для гуся коллайдер :D Я несколько дней гуглил чтобы решить первую проблему (сабж) и втыкал мануалы, но так и не доперло тупо добавить знак >=, а тут так вообще отдельный скрипт - вешалка! Уповаю на помощь знающих людей :) Link to comment Share on other sites More sharing options... max201181 Posted May 3, 2013 Share Posted May 3, 2013 1. Добавьте ссылкам из шаблона меню категорий атрибут, например type="ID пункта верхнего меню". 2. <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); type = $(this).attr('type'); $("#"+type).addClass('actualx'); }; }); }); }); </script> Но тут еще придется допиливать в PHP, т.к. левое меню динамическое. Нужно будет править шаблон модуля, который выводит список категорий слева, чтобы добавить им новый атрибут. Link to comment Share on other sites More sharing options... Prev 1 2 Next Page 1 of 2 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 Пункты выдачи товаров на Яндекс.Карте By Vice, June 6, 2013 пункты выдачи товаров яндекс.карты (and 4 more) Tagged with: пункты выдачи товаров яндекс.карты карты координаты схема проезда пункты выдачи заказов 0 comments 26,034 views Vice June 6, 2013 Пункты выдачи заказов на Яндекс.Карте By Vice, September 2, 2019 пункты выдачи заказов яндекс.карты (and 3 more) Tagged with: пункты выдачи заказов яндекс.карты схема проезда координаты пункты выдачи 0 comments 3,245 views Vice September 3, 2019 Как добавить свой пункт меню админки OpenCart 3 By prizruslan, October 20, 2022 2 replies 380 views Seofisher October 21, 2022 новый пункт меню By dyoma_bg, August 28, 2022 3 replies 363 views dyoma_bg August 31, 2022 Меню By molariv, October 18, 2022 3 replies 263 views molariv October 19, 2022 Recently Browsing 0 members No registered users viewing this page. Последние темы Последние дополнения Последние новости All Activity Home Поддержка и ответы на вопросы Шаблоны, дизайн и оформление магазина [РЕШЕНО] Выделение пункта меню Покупателям Оплата дополнений физическими лицами Оплата дополнений юридическими лицами Политика возвратов Разработчикам Регламент размещения дополнений Регламент продаж и поддержки дополнений Виртуальный аккаунт автора Политика продвижения объявлений API каталога дополнений Урегулирование споров по авторским правам Полезная информация Публичная оферта Политика возвратов Политика конфиденциальности Платежная политика Политика Передачи Персональных Данных Политика прозрачности Последние дополнения Chameleon - Responsive & Multipurpose Opencart Template + Quick Start By 29aleksey Wayforpay API оплата для Opencart 2.3, 3.x By bogdan281989 TgMarket - Модуль интернет магазина в телеграмме. By Rassol2 ShowCase – Responsive / Multipurpose Opencart Template By octemplates Telnotification By Yevhenii_7777 × 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
Einshtein Posted April 30, 2013 Share Posted April 30, 2013 в том то и дело что меню в ОС не присваивается класс active который должен подсвечивать активный пункт меню. Это решается скриптом, но у меня пока не доходили руки плотно заняться этим вопросом, все жду когда клиент какойнить попросит так сделать :) PS Опаньки! проверил только что на чистой ОС 1,5,4,1 - уже все по дефолту присваивается, спасибо Тим, не обратил внимание :) В предыдущих версиях вроде такого небыло Link to comment Share on other sites More sharing options...
max201181 Posted April 30, 2013 Share Posted April 30, 2013 Приведенный выше код от tim21701 , практически универсален и сгодится для любых меню. Использую подобный на всех своих проектах. 1 Link to comment Share on other sites More sharing options... sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Еще 1 вопрос возник) как это код: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); </script> привести к виду, что если перебором ссылок в ID #Y есть такаяже ссылка в ID #X то присвоить ссылке из ID #Y присвоить .addClass ('actualx'). Это единственная алгаритм по которому я додумался реализовать "выделение" категории. Т.е. у меня в шапке иконки категорий с линками на подраздел "популярные" и для каждой категории собственная навигация категории в левом блоке, вот если js сделать проверку, левого блока по ID сравнимый с верхним блоком, в котором иконки, то этой иконке дать другой класс, чтобы она "залипшая была" как при наведении. Link to comment Share on other sites More sharing options... max201181 Posted May 3, 2013 Share Posted May 3, 2013 Если сильно не заморачиваться и если я правильно понял, то проще сделать еще один цикл по #header: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); $.each($("#header a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actualx'); }; }); }); </script> Но повторюсь, все же это больше костыль и в идеале это нужно делать на PHP, как написано выше. Link to comment Share on other sites More sharing options... sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Если сильно не заморачиваться и если я правильно понял, то проще сделать еще один цикл по #header: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); $.each($("#header a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actualx'); }; }); }); </script> Но повторюсь, все же это больше костыль и в идеале это нужно делать на PHP, как написано выше. Данное решение немного не то.. т.к. проверка идет и по левой колонке и по верхним ссылкам, но в случае с колонкой - всегда работает, а с верхними ссылками, только при открытие тойже, на какую ведет "верхняя ссылка"... поэтому и нужен скрипт который по сути определяет какая из навигаций в данный момент "активна" чтобы выделить ссылку вверху для всех вложений этой навигации.. поиском через JS 1 совпадения ссылки и левого блока. Для категорий PHP пример мне не пойдет, т.к. в навигации у меня еще ссылки на статью и блог будут. Link to comment Share on other sites More sharing options... max201181 Posted May 3, 2013 Share Posted May 3, 2013 Так верхнее меню (с картинками) и кажется оно статично, ведет на первые пункты левого меню? Тут можно что-нибудь придумать с атрибутами ссылок. Например: в левое меню ввести атрибут type="ID верхнего меню" с сверять их(type==id) при рендере страницы. Но придется глумится далее(предвкушаю переход на карточку товара)... Вообще все это раз и навсегда решит правильная организация каталога на сайте. Я имею ввиду категории/подкатегории и т.д. В верхнем меню сделать вывод верхнего уровня категорий, а в левом - все вложенные. И они должны будут подсвечиваться без дополнительного шаманства. Link to comment Share on other sites More sharing options... sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Так верхнее меню (с картинками) и кажется оно статично, ведет на первые пункты левого меню? Тут можно что-нибудь придумать с атрибутами ссылок. Например: в левое меню ввести атрибут type="ID верхнего меню" с сверять их(type==id) при рендере страницы. Но придется глумится далее(предвкушаю переход на карточку товара)... Вообще все это раз и навсегда решит правильная организация каталога на сайте. Я имею ввиду категории/подкатегории и т.д. В верхнем меню сделать вывод верхнего уровня категорий, а в левом - все вложенные. И они должны будут подсвечиваться без дополнительного шаманства. я тоже предвкушал ) но организацию верха на прыжок к странице-списку всех вложений категории для меня печален, т.к. мне нужно именно запускать клиента сразу на топовые позиции каталога нежели к выбору подкатегорий, многие или уходят при виде подкатегорий или уходят после захода в одну и не нравится им там все не возвращаются назад а тупо ливают.. мое решение повысило конверсию в разы, учитывая, что сайт как песочница для меня до сих пор.. я с 0 познаниями поставил опенкарт и начал его копать.. причем без денвера - наживую, вот и наполнение для меня до сих пор "впадлу", хочется сделать узабилити и визуализацию приятнее и приятнее.. Решить это можно ИМХО только скриптом, который при загрузке страницы читает все хрефы в блока А (левый блок) и сравнивает их с блоком Б (верхний блок) и если находит сходство даёт класс этой ссылке из блока Б. Т.к. у меня все висит на разных схемах - вложения товара уже не проблема, т.к. они висят на техже схемах что и блок А! Но с моими познаниями школьного бэйсика и крошки РУ 15 летней давности для меня JS как для гуся коллайдер :D Я несколько дней гуглил чтобы решить первую проблему (сабж) и втыкал мануалы, но так и не доперло тупо добавить знак >=, а тут так вообще отдельный скрипт - вешалка! Уповаю на помощь знающих людей :) Link to comment Share on other sites More sharing options... max201181 Posted May 3, 2013 Share Posted May 3, 2013 1. Добавьте ссылкам из шаблона меню категорий атрибут, например type="ID пункта верхнего меню". 2. <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); type = $(this).attr('type'); $("#"+type).addClass('actualx'); }; }); }); }); </script> Но тут еще придется допиливать в PHP, т.к. левое меню динамическое. Нужно будет править шаблон модуля, который выводит список категорий слева, чтобы добавить им новый атрибут. Link to comment Share on other sites More sharing options... Prev 1 2 Next Page 1 of 2 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 Пункты выдачи товаров на Яндекс.Карте By Vice, June 6, 2013 пункты выдачи товаров яндекс.карты (and 4 more) Tagged with: пункты выдачи товаров яндекс.карты карты координаты схема проезда пункты выдачи заказов 0 comments 26,034 views Vice June 6, 2013 Пункты выдачи заказов на Яндекс.Карте By Vice, September 2, 2019 пункты выдачи заказов яндекс.карты (and 3 more) Tagged with: пункты выдачи заказов яндекс.карты схема проезда координаты пункты выдачи 0 comments 3,245 views Vice September 3, 2019 Как добавить свой пункт меню админки OpenCart 3 By prizruslan, October 20, 2022 2 replies 380 views Seofisher October 21, 2022 новый пункт меню By dyoma_bg, August 28, 2022 3 replies 363 views dyoma_bg August 31, 2022 Меню By molariv, October 18, 2022 3 replies 263 views molariv October 19, 2022 Recently Browsing 0 members No registered users viewing this page. Последние темы Последние дополнения Последние новости All Activity Home Поддержка и ответы на вопросы Шаблоны, дизайн и оформление магазина [РЕШЕНО] Выделение пункта меню Покупателям Оплата дополнений физическими лицами Оплата дополнений юридическими лицами Политика возвратов Разработчикам Регламент размещения дополнений Регламент продаж и поддержки дополнений Виртуальный аккаунт автора Политика продвижения объявлений API каталога дополнений Урегулирование споров по авторским правам Полезная информация Публичная оферта Политика возвратов Политика конфиденциальности Платежная политика Политика Передачи Персональных Данных Политика прозрачности Последние дополнения Chameleon - Responsive & Multipurpose Opencart Template + Quick Start By 29aleksey Wayforpay API оплата для Opencart 2.3, 3.x By bogdan281989 TgMarket - Модуль интернет магазина в телеграмме. By Rassol2 ShowCase – Responsive / Multipurpose Opencart Template By octemplates Telnotification By Yevhenii_7777
sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Еще 1 вопрос возник) как это код: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); </script> привести к виду, что если перебором ссылок в ID #Y есть такаяже ссылка в ID #X то присвоить ссылке из ID #Y присвоить .addClass ('actualx'). Это единственная алгаритм по которому я додумался реализовать "выделение" категории. Т.е. у меня в шапке иконки категорий с линками на подраздел "популярные" и для каждой категории собственная навигация категории в левом блоке, вот если js сделать проверку, левого блока по ID сравнимый с верхним блоком, в котором иконки, то этой иконке дать другой класс, чтобы она "залипшая была" как при наведении. Link to comment Share on other sites More sharing options...
max201181 Posted May 3, 2013 Share Posted May 3, 2013 Если сильно не заморачиваться и если я правильно понял, то проще сделать еще один цикл по #header: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); $.each($("#header a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actualx'); }; }); }); </script> Но повторюсь, все же это больше костыль и в идеале это нужно делать на PHP, как написано выше. Link to comment Share on other sites More sharing options... sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Если сильно не заморачиваться и если я правильно понял, то проще сделать еще один цикл по #header: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); $.each($("#header a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actualx'); }; }); }); </script> Но повторюсь, все же это больше костыль и в идеале это нужно делать на PHP, как написано выше. Данное решение немного не то.. т.к. проверка идет и по левой колонке и по верхним ссылкам, но в случае с колонкой - всегда работает, а с верхними ссылками, только при открытие тойже, на какую ведет "верхняя ссылка"... поэтому и нужен скрипт который по сути определяет какая из навигаций в данный момент "активна" чтобы выделить ссылку вверху для всех вложений этой навигации.. поиском через JS 1 совпадения ссылки и левого блока. Для категорий PHP пример мне не пойдет, т.к. в навигации у меня еще ссылки на статью и блог будут. Link to comment Share on other sites More sharing options... max201181 Posted May 3, 2013 Share Posted May 3, 2013 Так верхнее меню (с картинками) и кажется оно статично, ведет на первые пункты левого меню? Тут можно что-нибудь придумать с атрибутами ссылок. Например: в левое меню ввести атрибут type="ID верхнего меню" с сверять их(type==id) при рендере страницы. Но придется глумится далее(предвкушаю переход на карточку товара)... Вообще все это раз и навсегда решит правильная организация каталога на сайте. Я имею ввиду категории/подкатегории и т.д. В верхнем меню сделать вывод верхнего уровня категорий, а в левом - все вложенные. И они должны будут подсвечиваться без дополнительного шаманства. Link to comment Share on other sites More sharing options... sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Так верхнее меню (с картинками) и кажется оно статично, ведет на первые пункты левого меню? Тут можно что-нибудь придумать с атрибутами ссылок. Например: в левое меню ввести атрибут type="ID верхнего меню" с сверять их(type==id) при рендере страницы. Но придется глумится далее(предвкушаю переход на карточку товара)... Вообще все это раз и навсегда решит правильная организация каталога на сайте. Я имею ввиду категории/подкатегории и т.д. В верхнем меню сделать вывод верхнего уровня категорий, а в левом - все вложенные. И они должны будут подсвечиваться без дополнительного шаманства. я тоже предвкушал ) но организацию верха на прыжок к странице-списку всех вложений категории для меня печален, т.к. мне нужно именно запускать клиента сразу на топовые позиции каталога нежели к выбору подкатегорий, многие или уходят при виде подкатегорий или уходят после захода в одну и не нравится им там все не возвращаются назад а тупо ливают.. мое решение повысило конверсию в разы, учитывая, что сайт как песочница для меня до сих пор.. я с 0 познаниями поставил опенкарт и начал его копать.. причем без денвера - наживую, вот и наполнение для меня до сих пор "впадлу", хочется сделать узабилити и визуализацию приятнее и приятнее.. Решить это можно ИМХО только скриптом, который при загрузке страницы читает все хрефы в блока А (левый блок) и сравнивает их с блоком Б (верхний блок) и если находит сходство даёт класс этой ссылке из блока Б. Т.к. у меня все висит на разных схемах - вложения товара уже не проблема, т.к. они висят на техже схемах что и блок А! Но с моими познаниями школьного бэйсика и крошки РУ 15 летней давности для меня JS как для гуся коллайдер :D Я несколько дней гуглил чтобы решить первую проблему (сабж) и втыкал мануалы, но так и не доперло тупо добавить знак >=, а тут так вообще отдельный скрипт - вешалка! Уповаю на помощь знающих людей :) Link to comment Share on other sites More sharing options... max201181 Posted May 3, 2013 Share Posted May 3, 2013 1. Добавьте ссылкам из шаблона меню категорий атрибут, например type="ID пункта верхнего меню". 2. <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); type = $(this).attr('type'); $("#"+type).addClass('actualx'); }; }); }); }); </script> Но тут еще придется допиливать в PHP, т.к. левое меню динамическое. Нужно будет править шаблон модуля, который выводит список категорий слева, чтобы добавить им новый атрибут. Link to comment Share on other sites More sharing options... Prev 1 2 Next Page 1 of 2 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 Пункты выдачи товаров на Яндекс.Карте By Vice, June 6, 2013 пункты выдачи товаров яндекс.карты (and 4 more) Tagged with: пункты выдачи товаров яндекс.карты карты координаты схема проезда пункты выдачи заказов 0 comments 26,034 views Vice June 6, 2013 Пункты выдачи заказов на Яндекс.Карте By Vice, September 2, 2019 пункты выдачи заказов яндекс.карты (and 3 more) Tagged with: пункты выдачи заказов яндекс.карты схема проезда координаты пункты выдачи 0 comments 3,245 views Vice September 3, 2019 Как добавить свой пункт меню админки OpenCart 3 By prizruslan, October 20, 2022 2 replies 380 views Seofisher October 21, 2022 новый пункт меню By dyoma_bg, August 28, 2022 3 replies 363 views dyoma_bg August 31, 2022 Меню By molariv, October 18, 2022 3 replies 263 views molariv October 19, 2022 Recently Browsing 0 members No registered users viewing this page. Последние темы Последние дополнения Последние новости All Activity Home Поддержка и ответы на вопросы Шаблоны, дизайн и оформление магазина [РЕШЕНО] Выделение пункта меню
sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Если сильно не заморачиваться и если я правильно понял, то проще сделать еще один цикл по #header: <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); }; }); }); $.each($("#header a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actualx'); }; }); }); </script> Но повторюсь, все же это больше костыль и в идеале это нужно делать на PHP, как написано выше. Данное решение немного не то.. т.к. проверка идет и по левой колонке и по верхним ссылкам, но в случае с колонкой - всегда работает, а с верхними ссылками, только при открытие тойже, на какую ведет "верхняя ссылка"... поэтому и нужен скрипт который по сути определяет какая из навигаций в данный момент "активна" чтобы выделить ссылку вверху для всех вложений этой навигации.. поиском через JS 1 совпадения ссылки и левого блока. Для категорий PHP пример мне не пойдет, т.к. в навигации у меня еще ссылки на статью и блог будут. Link to comment Share on other sites More sharing options...
max201181 Posted May 3, 2013 Share Posted May 3, 2013 Так верхнее меню (с картинками) и кажется оно статично, ведет на первые пункты левого меню? Тут можно что-нибудь придумать с атрибутами ссылок. Например: в левое меню ввести атрибут type="ID верхнего меню" с сверять их(type==id) при рендере страницы. Но придется глумится далее(предвкушаю переход на карточку товара)... Вообще все это раз и навсегда решит правильная организация каталога на сайте. Я имею ввиду категории/подкатегории и т.д. В верхнем меню сделать вывод верхнего уровня категорий, а в левом - все вложенные. И они должны будут подсвечиваться без дополнительного шаманства. Link to comment Share on other sites More sharing options... sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Так верхнее меню (с картинками) и кажется оно статично, ведет на первые пункты левого меню? Тут можно что-нибудь придумать с атрибутами ссылок. Например: в левое меню ввести атрибут type="ID верхнего меню" с сверять их(type==id) при рендере страницы. Но придется глумится далее(предвкушаю переход на карточку товара)... Вообще все это раз и навсегда решит правильная организация каталога на сайте. Я имею ввиду категории/подкатегории и т.д. В верхнем меню сделать вывод верхнего уровня категорий, а в левом - все вложенные. И они должны будут подсвечиваться без дополнительного шаманства. я тоже предвкушал ) но организацию верха на прыжок к странице-списку всех вложений категории для меня печален, т.к. мне нужно именно запускать клиента сразу на топовые позиции каталога нежели к выбору подкатегорий, многие или уходят при виде подкатегорий или уходят после захода в одну и не нравится им там все не возвращаются назад а тупо ливают.. мое решение повысило конверсию в разы, учитывая, что сайт как песочница для меня до сих пор.. я с 0 познаниями поставил опенкарт и начал его копать.. причем без денвера - наживую, вот и наполнение для меня до сих пор "впадлу", хочется сделать узабилити и визуализацию приятнее и приятнее.. Решить это можно ИМХО только скриптом, который при загрузке страницы читает все хрефы в блока А (левый блок) и сравнивает их с блоком Б (верхний блок) и если находит сходство даёт класс этой ссылке из блока Б. Т.к. у меня все висит на разных схемах - вложения товара уже не проблема, т.к. они висят на техже схемах что и блок А! Но с моими познаниями школьного бэйсика и крошки РУ 15 летней давности для меня JS как для гуся коллайдер :D Я несколько дней гуглил чтобы решить первую проблему (сабж) и втыкал мануалы, но так и не доперло тупо добавить знак >=, а тут так вообще отдельный скрипт - вешалка! Уповаю на помощь знающих людей :) Link to comment Share on other sites More sharing options... max201181 Posted May 3, 2013 Share Posted May 3, 2013 1. Добавьте ссылкам из шаблона меню категорий атрибут, например type="ID пункта верхнего меню". 2. <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); type = $(this).attr('type'); $("#"+type).addClass('actualx'); }; }); }); }); </script> Но тут еще придется допиливать в PHP, т.к. левое меню динамическое. Нужно будет править шаблон модуля, который выводит список категорий слева, чтобы добавить им новый атрибут. Link to comment Share on other sites More sharing options... Prev 1 2 Next Page 1 of 2 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 Пункты выдачи товаров на Яндекс.Карте By Vice, June 6, 2013 пункты выдачи товаров яндекс.карты (and 4 more) Tagged with: пункты выдачи товаров яндекс.карты карты координаты схема проезда пункты выдачи заказов 0 comments 26,034 views Vice June 6, 2013 Пункты выдачи заказов на Яндекс.Карте By Vice, September 2, 2019 пункты выдачи заказов яндекс.карты (and 3 more) Tagged with: пункты выдачи заказов яндекс.карты схема проезда координаты пункты выдачи 0 comments 3,245 views Vice September 3, 2019 Как добавить свой пункт меню админки OpenCart 3 By prizruslan, October 20, 2022 2 replies 380 views Seofisher October 21, 2022 новый пункт меню By dyoma_bg, August 28, 2022 3 replies 363 views dyoma_bg August 31, 2022 Меню By molariv, October 18, 2022 3 replies 263 views molariv October 19, 2022 Recently Browsing 0 members No registered users viewing this page.
sdld Posted May 3, 2013 Author Share Posted May 3, 2013 Так верхнее меню (с картинками) и кажется оно статично, ведет на первые пункты левого меню? Тут можно что-нибудь придумать с атрибутами ссылок. Например: в левое меню ввести атрибут type="ID верхнего меню" с сверять их(type==id) при рендере страницы. Но придется глумится далее(предвкушаю переход на карточку товара)... Вообще все это раз и навсегда решит правильная организация каталога на сайте. Я имею ввиду категории/подкатегории и т.д. В верхнем меню сделать вывод верхнего уровня категорий, а в левом - все вложенные. И они должны будут подсвечиваться без дополнительного шаманства. я тоже предвкушал ) но организацию верха на прыжок к странице-списку всех вложений категории для меня печален, т.к. мне нужно именно запускать клиента сразу на топовые позиции каталога нежели к выбору подкатегорий, многие или уходят при виде подкатегорий или уходят после захода в одну и не нравится им там все не возвращаются назад а тупо ливают.. мое решение повысило конверсию в разы, учитывая, что сайт как песочница для меня до сих пор.. я с 0 познаниями поставил опенкарт и начал его копать.. причем без денвера - наживую, вот и наполнение для меня до сих пор "впадлу", хочется сделать узабилити и визуализацию приятнее и приятнее.. Решить это можно ИМХО только скриптом, который при загрузке страницы читает все хрефы в блока А (левый блок) и сравнивает их с блоком Б (верхний блок) и если находит сходство даёт класс этой ссылке из блока Б. Т.к. у меня все висит на разных схемах - вложения товара уже не проблема, т.к. они висят на техже схемах что и блок А! Но с моими познаниями школьного бэйсика и крошки РУ 15 летней давности для меня JS как для гуся коллайдер :D Я несколько дней гуглил чтобы решить первую проблему (сабж) и втыкал мануалы, но так и не доперло тупо добавить знак >=, а тут так вообще отдельный скрипт - вешалка! Уповаю на помощь знающих людей :) Link to comment Share on other sites More sharing options...
max201181 Posted May 3, 2013 Share Posted May 3, 2013 1. Добавьте ссылкам из шаблона меню категорий атрибут, например type="ID пункта верхнего меню". 2. <script type="text/javascript"> $(document).ready(function(){ var url=document.location.href; $.each($("#column-left a"),function(){ if(url.indexOf(this.href)>=0){ $(this).addClass('actual'); type = $(this).attr('type'); $("#"+type).addClass('actualx'); }; }); }); }); </script> Но тут еще придется допиливать в PHP, т.к. левое меню динамическое. Нужно будет править шаблон модуля, который выводит список категорий слева, чтобы добавить им новый атрибут. Link to comment Share on other sites More sharing options... Prev 1 2 Next Page 1 of 2 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
Recommended Posts