Новости Joomla

Вышли релизы Joomla 5.1.0 и Joomla 4.4.4

Проблема с id в URL материалов Joomla при обновлении большого старого сайта до Joomla 5

В старых версиях Joomla URL адрес формировался по схеме [id материала + алиас материала]. Например, 145-my-article-alias. Однако. старый роутер Joomla был не идеален и плодил дубли страниц, с чем усиленно боролись СЕО специалисты с помощью различных плагинов и хаков ядра CMS.

Используем поля Joomla для фильтрации материалов

Перевод статьи одного из разработчиков ядра Joomla Брайана Тимэна (Brian Teeman).

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

ejik_off

  • Захожу иногда
  • 181
  • 2 / 0
проблема с версткой шапки
« : 08.08.2016, 14:01:37 »
Всем привет!
Подскажите как правильно верстать такие элементы как на картинке, в шапке (забор)?

фоном идет основная картинка, а картинка забора как отдельный элемент с абсолютным позиционированием?
Записан
*

umbabaraumba

  • Живу я здесь
  • 2415
  • 153 / 1
  • если помог можете поставить +
Re: проблема с версткой шапки
« Ответ #1 : 08.08.2016, 14:37:47 »
Цитата: ejik_off от 08.08.2016, 14:01:37
картинка забора как отдельный элемент с абсолютным позиционированием?
Наверно.
Записан
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

ejik_off

  • Захожу иногда
  • 181
  • 2 / 0
Re: проблема с версткой шапки
« Ответ #2 : 15.08.2016, 09:33:47 »
Сверстал шаблон в HTML, теперь переношу его в Joomla. Появилась проблема с меню. Т.е когда окно браузера уменьшаю меню сворачивается, но при клике на иконку, меню не раскрывается. в инспекторе пишет ошибку: common.js:1 Uncaught TypeError: $ is not a function(anonymous function) @ common.js:1
я понил что ошибка в первой строке, но в первой строке common.js находится: $(document).ready(function() {, в чем ошибка?
шаблон, при переноси его на Joomla в index.php поменял только линки на скрипты и CSS файлы.
Код
// Add JavaScript Frameworks
JHtml::_('bootstrap.framework');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/js/common.js');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/libs/jquery/jquery-1.11.1.min.js');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/libs/jquery-mousewheel/jquery.mousewheel.min.js');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/libs/fancybox/jquery.fancybox.pack.js');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/libs/waypoints/waypoints-1.6.2.min.js');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/libs/scrollto/jquery.scrollTo.min.js');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/libs/owl-carousel/owl.carousel.min.js');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/libs/countdown/jquery.plugin.js');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/libs/countdown/jquery.countdown.min.js');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/libs/countdown/jquery.countdown-ru.js');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/libs/landing-nav/navigation.js');

// Add Stylesheets
$doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/libs/bootstrap/bootstrap-grid-3.3.1.min.css');
$doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/libs/font-awesome-4.2.0/css/font-awesome.min.css');
$doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/libs/fancybox/jquery.fancybox.css');
$doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/libs/owl-carousel/owl.carousel.css');
$doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/libs/countdown/jquery.countdown.css');
$doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/css/main.css');
$doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/css/fonts.css');
$doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/css/media.css');
Сам в JS полный нуль, подскажите где ошибка?
Записан
*

Филипп Сорокин

  • Завсегдатай
  • 1918
  • 160 / 4
  • разработчик.москва
Re: проблема с версткой шапки
« Ответ #3 : 15.08.2016, 09:39:25 »
Код: javascript
$(document).ready(function() {

Замените на

Код: javascript
jQuery(document).ready(function($) {
Записан
*

ejik_off

  • Захожу иногда
  • 181
  • 2 / 0
Re: проблема с версткой шапки
« Ответ #4 : 15.08.2016, 09:48:42 »
Цитата: Филипп Сорокин от 15.08.2016, 09:39:25
Код: javascript
$(document).ready(function() {

Замените на

Код: javascript
jQuery(document).ready(function($) {
заменил, но все равно не работает, хотя ошибка в инспекторе не появляется.
Вот что получилось в файле js
Код
jQuery(document).ready(function($) {
	//Функция для отображения схлоповающегося меню	
	$(".main_mnu_button").click(function() {
		$("main_mnu ul").slideToggle();
	});
});
Записан
*

Филипп Сорокин

  • Завсегдатай
  • 1918
  • 160 / 4
  • разработчик.москва
Re: проблема с версткой шапки
« Ответ #5 : 15.08.2016, 09:50:13 »
Ищите проблему в вашем коде.
Записан
*

ejik_off

  • Захожу иногда
  • 181
  • 2 / 0
Re: проблема с версткой шапки
« Ответ #6 : 15.08.2016, 09:53:34 »
Цитата: Филипп Сорокин от 15.08.2016, 09:50:13
Ищите проблему в вашем коде.
знать бы где искать :(
Записан
*

umbabaraumba

  • Живу я здесь
  • 2415
  • 153 / 1
  • если помог можете поставить +
Re: проблема с версткой шапки
« Ответ #7 : 15.08.2016, 14:00:58 »
Дайте ссылку на сайт .
Записан
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

ejik_off

  • Захожу иногда
  • 181
  • 2 / 0
Re: проблема с версткой шапки
« Ответ #8 : 16.08.2016, 05:10:59 »
Цитата: umbabaraumba от 15.08.2016, 14:00:58
Дайте ссылку на сайт .
он пока на локальном компе.
В третьем посте есть ссылка на шаблон, который можно установить в Joomla и код с ссылками на стили и скрипты. Если есть возможность проверить, буду очень благодарен.
« Последнее редактирование: 16.08.2016, 06:48:16 от ejik_off »
Записан
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: проблема с версткой шапки
« Ответ #9 : 16.08.2016, 12:21:21 »
Точку пропустили в селекторе $(".main_mnu ul").slideToggle();
Записан
*

ejik_off

  • Захожу иногда
  • 181
  • 2 / 0
Re: проблема с версткой шапки
« Ответ #10 : 16.08.2016, 13:01:37 »
Цитата: Shustry от 16.08.2016, 12:21:21
Точку пропустили в селекторе $(".main_mnu ul").slideToggle();
Тьфу, блин. А я сижу читаю маны по jQuery, лишним конечно не будет. :)
Спасибо Вам большое!
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Проблема с offcanvas для меню

Автор help-tend

 Ответов: 14
Просмотров: 2453 		Последний ответ 08.09.2021, 21:13:03
от gartes
Проблема с стилями (файлами) CSS

Автор Leo1986

 Ответов: 17
Просмотров: 832 		Последний ответ 23.04.2021, 09:13:44
от Leo1986
Проблема с версткой шаблона на bootstrap4

Автор bartes

 Ответов: 5
Просмотров: 975 		Последний ответ 03.02.2021, 16:46:10
от sivers
Helix Ultimate - Layout Builder Проблема

Автор romagromov

 Ответов: 29
Просмотров: 4047 		Последний ответ 13.03.2020, 22:26:00
от nick71
Проблема с выводом меню helix ultimate

Автор blind

 Ответов: 0
Просмотров: 1084 		Последний ответ 23.02.2020, 13:07:37
от blind