Меню. Навигация.

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО InstantCMS 2.X

#1 7 декабря 2020 в 18:04

Всем привет. На главной сайта только виджеты. Основное меню — три пункта. Один из них — Главная. Виджены компонента content из папки list. Кликая по ссылке title в виджете я перехожу на страницу контента. Далее кликая по пункту меню Главная, я попадаю на главную страницу, как и задумано. Но в мобильной версии оказываясь на странице контента я не могу перейти на главную по ссылке из основного меню, так как вкладка Главная активна и не кликабельна. Если не понятно, глянуть можно тут.Как это поправляется?

Разработка мобильных приложений

#2 7 декабря 2020 в 20:30

Привет!
Добавь пункту селектор. К примеру, — li_home
Где-то внизу макета:

 
<script>
	<?php if (!$core->uri){ ?>
		$(".li_home").addClass("active");
	<?php } else { ?>
		$(function(){
			if ($("li").is(".li_home")){
				$("nav select option[value='/']").removeAttr("selected");
			}
		});
	<?php } ?>
	</script>

Вангую: скоро последует ещё один вопрос))
Ответ найдешь здесь

Украинский для инстант

#3 7 декабря 2020 в 21:17

Спасибо. Но так не будет работать). В мобильном меню нет классов. Но направление понятно. Попробую что то замутить). Думал в настройках системы что то есть).

Разработка мобильных приложений

Сегодня в 23:25

#4 7 декабря 2020 в 22:21

Но так не будет работать). В мобильном меню нет классов.
Lora

Так судя по коду, там штатное меню у тебя. Если таки да, то назначь пункту селектор в админке и размести код перед </body>. Там посмотрим будет работать или нет…

Украинский для инстант

#5 7 декабря 2020 в 22:48

Стал разбираться и увидел, что у меня пункт Главная всегда selected. Причём на хосте. На локалке всё нормально. Вот код с консоли.

<select class="mobile_menu_select"><option value="/"></option>
	<option value="/" selected="selected">                  
                        Главная                                            
                </option><option value="/pages/about.html">                  
                        Обо мне                                            
                </option><option value="/pages/otzyvy.html">                    
                        Отзывы                                            
                </option>
				</select>

Файлы одинаковые. Хз. Буду рыть.Где то что то сам накосячил и забыл наверное)))

Разработка мобильных приложений

#6 8 декабря 2020 в 00:02

Человек спрашивает:
— Как исправить проблему с меню?
Человеку говорят:
— Вот так.
В ответ Человек говорит:
— Так не будет работать
У Человека уточняют:
— А вы пробовали сделать так, как вам посоветовали?
Человек отвечает:
— Я стал тут разбираться. Оказалось, что листья у деревьев бывают зелёного цвета.
-------------------------
Вопрос: есть ли смысл продолжать беседу с Человеком?

Украинский для инстант

#7 8 декабря 2020 в 08:41

Да пробовал я… Только ради вас))). Ваш код для десктопного меню. И класс задаётся тоже для него. У мобильного другая структура

Спойлер

<nav>
	<div class="my-logo">
	<a title="Главная" href="/"></a></div>
	<div class="widget_ajax_wrap" id="widget_pos_top"><ul class="menu">
		 <li class="li_home">
			<a title="Главная" class="item" href="http://danilowa" target="_self">
				<span class="wrap">Главная</span>
			</a>
 
        </li>
        <li>
			<a title="Обо мне" class="item" href="/pages/about.html" target="_self">
				<span class="wrap">Обо мне </span>
			</a>
            </li>
        <li>
			<a title="Отзывы" class="item" href="/pages/otzyvy.html" target="_self">
				<span class="wrap">Отзывы </span>
			</a>
            </li>
			</ul>
	</div>
	<select class="mobile_menu_select"><option value="/"></option>
		<option value="http://danilowa"> Главная</option>
		<option value="/pages/about.html"> Обо мне</option>
		<option value="/pages/otzyvy.html"> Отзывы</option>
		</select>
</nav>

Разработка мобильных приложений

#8 8 декабря 2020 в 13:15

Да пробовал я...
Lora

Не верю!

У тебя 2 разных виджета с меню там?
Ещё так пробуй:

 
<?php if ($core->uri){ ?>
	<script>
		$(function(){
			$("nav select option[value='/']").removeAttr("selected");
		});
	</script>
	<?php } ?>

Или дай админа и FTP на сайт.

Украинский для инстант

#9 8 декабря 2020 в 14:00

Ход мыслей верен). Но и так работать не будет. Уже пробовал. Суть в том, что мобильное меню тоже генерируется js. Я разобрался почему Главная всегда selected. Если открываешь страницу типа контента для которого нет пункта меню, то для системы ты на главной. А в файле core.js прописан код, на этот случай.

                if(window.location.pathname.indexOf(el.attr('href')) === 0){
                    attr.selected = true;
                }

Меняем true на false и всё. laugh

Рано порадовался). Так любой первый пункт не селектед. Нужно дописывать код(. А не хотелось бы.
Решение очевидно), В меню, для Главной прописать абсолютный путь.Тогда селектед будет самый первый, пустой опшен.

Разработка мобильных приложений

#10 8 декабря 2020 в 14:39

Не верю!
Олег Васильевич я

Не злись, Васильич. наслаждайся творческим процессом. laugh

Разработка мобильных приложений

#11 8 декабря 2020 в 14:46

Ну боритесь дальше. Помощь вам предлагали...

Спойлер

Украинский для инстант

#12 8 декабря 2020 в 16:06

Ну боритесь дальше. Помощь вам предлагали...
Олег Васильевич я

А я и не отказывался). Но нашёл способ без вмешательства в код. Ваш код верен. Никто не спорит. Но один js перебивает другой… Как то не по феншую).

Разработка мобильных приложений

#13 8 декабря 2020 в 17:24

Но нашёл способ без вмешательства в код.
Lora

Это как? Не поделитесь способом?

Спойлер

К ворожке обратились?

Но один js перебивает другой… Как то не по феншую).
Lora

Это да. Но альтернативный вариант вроде б требует повесить себе на шею ещё один файл. Не?

Украинский для инстант

#14 8 декабря 2020 в 20:40

В меню, для Главной прописать абсолютный путь.Тогда селектед будет самый первый, пустой опшен
Lora

Разработка мобильных приложений

Доступ определенной группы пол

Произвольный пункт в меню связ

Меню. Навигация.

Похожие темы

[ЕСТЬ РЕШЕНИЕ] Изображение в Поле навигации

Как поместить поле навигации под инфо-бар?

[ЗАКРЫТО] Постраничная навигация -шаблон вывода есть ли?

Элементы навигации и формы стали микро после компиляции

Иконки меню

Главное меню и меню пользователя

InstantCMS Team

О проекте

Поддержка

Дополнения