Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 21 Ответов
  • 3400 Просмотров
*

alekshavan

  • Захожу иногда
  • 55
  • 0 / 0
Не сворачивается Offcanvas Menu Helix3, пункт меню якорная ссылка. Landing Page

Здравствуйте.
Может кто подскажет решение вопроса
Сайт
Landing Page (якорное меню)
SP Page Builder Lite 3.2.5

Helix3 (2.5.6)
Off-Canvas меню, переход по якорной ссылке прокручивает к якорю, но Off-Canvas меню при этом не сворачивается (надо закрывать на крестик). Как починить и сделать автоматическое сворачивание?

Что примечательно в этом меню есть Пункт "Главная" если кликнуть на "главная" страница как бы обновляется и меню соответственно сворачивается.
 !   *ОХ-Х-Х*
« Последнее редактирование: 14.03.2019, 00:08:17 от alekshavan »
*

sivers

  • Живу я здесь
  • 2465
  • 336 / 0
где же ссылка на сайт?
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

alekshavan

  • Захожу иногда
  • 55
  • 0 / 0
где же ссылка на сайт?

Вот ссылка на сайт
http://делит/удалил  ;)
« Последнее редактирование: 29.09.2019, 03:45:19 от alekshavan »
*

sivers

  • Живу я здесь
  • 2465
  • 336 / 0
В консоли есть ошибка JS - скорее всего в том и причина. Исправьте ее. Если после исправления меню все равно закрываться не будет, добавьте JS код:
Код
jQuery(function(){
    jQuery('.offcanvas-menu ul a').bind('click', function(){
        jQuery('.close-offcanvas').trigger('click');
    });
});
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

alekshavan

  • Захожу иногда
  • 55
  • 0 / 0
Здесь на форуме нашел похожий пост
Вопрос по настройке Helix3

Вот именно тогда когда вы смотрели я пробовал варианты и советы из того поста
И добавлял в файле main.js
Код

Код
$('.close-offcanvas, .offcanvas-overlay, .offcanvas-inner ul > li:not(.no-scroll) > a').on('click', function(event){
        event.preventDefault();
        $('body').removeClass('offcanvas');
    });
Добавлял в конце файла
Файл main.js у меня такой:

Спойлер
[свернуть]


Не помогло.
Поробовал  добавить код и в параметрах шаблона. Ну там где можно вставить custom CSS, custom HTML, custom js
Тоже не сработало. Ну тобишь пробовал варианты.

Сейчас я все убрал.
Можете еще раз посмотреть, чтоб увидеть ошибки.
И если можно подскажите чуть более расширенно где и что исправлять и как и где прописать код.
Буду очень благодарен
*

sivers

  • Живу я здесь
  • 2465
  • 336 / 0
Мой-то код пробовали? Я его протестил на вашем сайте - он рабочий.
Ошибки на странице у вас больше нет.
Код (который давал выше) можно вставить или в этот файл:
/templates/shaper_helix3/js/main.js
или открыть индекс шаблона:
/templates/shaper_helix3/index.php
и прописать там:
Код
$this->addScriptDeclaration("
jQuery(function(){
    jQuery('.offcanvas-menu ul a').bind('click', function(){
        jQuery('.close-offcanvas').trigger('click');
    });
});
");
Достаточно выполнить один из вариантов - оба сразу не надо.
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

alekshavan

  • Захожу иногда
  • 55
  • 0 / 0
$this->addScriptDeclaration("
jQuery(function(){
    jQuery('.offcanvas-menu ul a').bind('click', function(){
        jQuery('.close-offcanvas').trigger('click');
    });
});
");
Добавил код. Но я не уверен, что правильно. Потому как кнопка ОФ Канвас вообще не реагирует сейчас
Вот мой файл main.js

Ваш код внизу после 
// **************  END:: Others SCRIPT  *************** //
// **************************************************** //

Правка
Спойлер
[свернуть]

И ВОТ ОРИГИНАЛ ФАЙЛА
Спойлер
[свернуть]
*

sivers

  • Живу я здесь
  • 2465
  • 336 / 0
Читайте внимательней. этот фрагмент кода предназначен для вставки в index.php шаблона.
Для вставки в файл .js был предназначен другой код - вот этот:
Не сворачивается Offcanvas Menu Helix3, пункт меню якорная ссылка. Landing Page
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

alekshavan

  • Захожу иногда
  • 55
  • 0 / 0
Читайте внимательней. этот фрагмент кода предназначен для вставки в index.php шаблона.
Для вставки в файл .js был предназначен другой код - вот этот:
Не сворачивается Offcanvas Menu Helix3, пункт меню якорная ссылка. Landing Page

Так! Все правильно! У меня получилось. Я сделал как вы и написали, но не очистил кеш браузера.
Надо вставить ваш код в файл templates/shaper_helix3/js/main.js
И чистить кеш браузера и.... Joomla (ну это ессественно)
Вот этот (жмяк-жмяк) сполер
Спойлер
[свернуть]
В самом низу сразу после
// **************  END:: Others SCRIPT  *************** //
// **************************************************** //

Скриншот в сполере
Спойлер
[свернуть]
« Последнее редактирование: 14.03.2019, 00:03:06 от alekshavan »
*

Aleviker

  • Новичок
  • 6
  • 0 / 0
Привет! у меня такая же проблема *ОХ-Х-Х*. На мобильных не скрывается окно меню, только на крестик)). На компе нормально. Ты просто вставил код в main.js в самом конце и все? Я попробовал, но у меня вообще окно меню и не открывается даже. И так на всех сайтах. А пробую на этом prostodarite.ru
*

alekshavan

  • Захожу иногда
  • 55
  • 0 / 0
Привет, так у тебя и меню боковое Оффконвас как то неправильно отображается. Это не оффконвас меню.
На вскидку скажу, что это опубликовано Майн меню в позиции offcanvas. 
« Последнее редактирование: 06.04.2019, 02:01:55 от alekshavan »
*

sivers

  • Живу я здесь
  • 2465
  • 336 / 0
Привет! у меня такая же проблема *ОХ-Х-Х*. На мобильных не скрывается окно меню, только на крестик)). На компе нормально. Ты просто вставил код в main.js в самом конце и все? Я попробовал, но у меня вообще окно меню и не открывается даже. И так на всех сайтах. А пробую на этом prostodarite.ru
Для вас подойдет такой JS код:

Код
jQuery(function(){
    jQuery('.offcanvas-menu ul a').bind('click', function(){
        jQuery('body').removeClass('new-look-off-canvas');
    });
});
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

Aleviker

  • Новичок
  • 6
  • 0 / 0
Для вас подойдет такой JS код:

Код
jQuery(function(){
    jQuery('.offcanvas-menu ul a').bind('click', function(){
        jQuery('body').removeClass('new-look-off-canvas');
    });
});


Спасибо огромное! :D Работает!
*

Aleviker

  • Новичок
  • 6
  • 0 / 0
Привет, так у тебя и меню боковое Оффконвас как то неправильно отображается. Это не оффконвас меню.
На вскидку скажу, что это опубликовано Майн меню в позиции offcanvas.

Привет. Ну да. А можно как то по другому? Отдельное меню что ли создавать?
*

Aleviker

  • Новичок
  • 6
  • 0 / 0
Ну в принципе даже если и по другому, то это уже друга история). А за код sivers еще раз спасибо!
*

sivers

  • Живу я здесь
  • 2465
  • 336 / 0
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

alekshavan

  • Захожу иногда
  • 55
  • 0 / 0
« Последнее редактирование: 07.04.2019, 00:41:29 от alekshavan »
*

t.porodzinskaya

  • Новичок
  • 1
  • 0 / 0
Специально зарегистрировалась, чтобы сказать СПАСИБО!

Мой-то код пробовали? Я его протестил на вашем сайте - он рабочий.
Ошибки на странице у вас больше нет.
Код (который давал выше) можно вставить или в этот файл:
/templates/shaper_helix3/js/main.js
или открыть индекс шаблона:
/templates/shaper_helix3/index.php
и прописать там:
Код
$this->addScriptDeclaration("
jQuery(function(){
    jQuery('.offcanvas-menu ul a').bind('click', function(){
        jQuery('.close-offcanvas').trigger('click');
    });
});
");
Достаточно выполнить один из вариантов - оба сразу не надо.
*

sivers

  • Живу я здесь
  • 2465
  • 336 / 0
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

Aleksamega

  • Новичок
  • 1
  • 0 / 0
Для вас подойдет такой JS код:

Код
jQuery(function(){
    jQuery('.offcanvas-menu ul a').bind('click', function(){
        jQuery('body').removeClass('new-look-off-canvas');
    });
});

Такая же проблема с меню.

Помогите почему не закрывается автоматически меню? Сам скрипт:
$(function() {
 $('.iconnmenu').click(function() {
  if($('.itemsnmenu').is(':visible')) {
  $('.itemsnmenu').removeClass('showitems');
 }
 else {
  $('.itemsnmenu').addClass('showitems');
 }
});
});



код CSS

.nmenu {
  background: #2ba9c0;
  width: 100%;
  padding: 10px 0;
  text-align: center;
}
 
.nmenu a {
  color: #fff;
  text-decoration: none;
  padding: 12px 12px;
}
 
.nmenu a:hover {
  border-bottom: 4px solid #fff;
  background: #078ecb;
}
 
.itemsnmenu li {
  display:inline;
  padding-right: 35px;
  width:100%;
  margin: 0 auto;
}
  .itemsnmenu li img{
  vertical-align: middle;
  margin-right: 10px;
 }
 
.iconmenuV {
  color: #fff;
  cursor: pointer;
  display: none;
}
.showitems {
  display:block !important;
}
 
@media screen and (max-width: 600px) {
  .nmenu a{
    padding-bottom: 13px;
  }
  .nmenu a:hover {
   border-bottom: none;
  }
 .iconnmenu {
   display:block;
  }
  .itemsnmenu {
   display:none;
  }
  .itemsnmenu li {
   display:block;
   padding:10px 0;
  }
}
*

sivers

  • Живу я здесь
  • 2465
  • 336 / 0
Помогите почему не закрывается автоматически меню? Сам скрипт:
Желательно само меню. Ссылкой.
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

forsight

  • Осваиваюсь на форуме
  • 27
  • 0 / 0
В консоли есть ошибка JS - скорее всего в том и причина. Исправьте ее. Если после исправления меню все равно закрываться не будет, добавьте JS код:
Код
jQuery(function(){
    jQuery('.offcanvas-menu ul a').bind('click', function(){
        jQuery('.close-offcanvas').trigger('click');
    });
});

Супер!  :D Потрачено 5-ть минут и все работает. Спасибо за код!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

[РЕШЕНО]Скрыть пункт меню на мобильных устройствах

Автор lexxbry

Ответов: 16
Просмотров: 4722
Последний ответ 23.05.2023, 07:22:49
от geral
OffCanvas меню Helix Ultimate добавить текст к иконке

Автор Andre100

Ответов: 2
Просмотров: 2176
Последний ответ 20.03.2023, 12:42:49
от Andre100
Вопрос по настройке Helix3

Автор AleksS

Ответов: 644
Просмотров: 94490
Последний ответ 16.03.2023, 21:36:56
от SolopoV
Helix3 сделать несколько рядов не столбцов!

Автор Bowa

Ответов: 6
Просмотров: 2009
Последний ответ 04.03.2023, 20:33:40
от Petrovich
OffCanvas меню

Автор Алексей Лоскутов

Ответов: 5
Просмотров: 2257
Последний ответ 13.02.2023, 20:20:37
от dashkov