Сообщений в теме: 10

[551]

Добрый день. У меня на сайте есть выпадающее меню с каталогом, которое открывается при наведении курсора. Как сделать, чтобы оно открывалось по клику? Сайт http://babylook.me/

[Firefly]

551 (07 Ноябрь 2015 - 16:27) писал:

Добрый день. У меня на сайте есть выпадающее меню с каталогом, которое открывается при наведении курсора. Как сделать, чтобы оно открывалось по клику? Сайт http://babylook.me/

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

ul.nav-main li.hover, ul.nav-main li:hover

Замените на:

ul.nav-main li.hover

Найдите код:

#navigation > li:hover .nav-new

Замените на:

#navigation > li.hover .nav-new

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Скрипты -> main.js, добавьте в конце код:

$('#navigation li:first').click(function(e){
  e.preventDefault;
if($(this).hasClass('hover')){
  $(this).removeClass('hover');
}
else {
  $(this).addClass('hover');
}
})

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:

<li><a href="http://babylook.me/page/catalog-tovarov">Каталог товаров ▾</a>

Замените на:

<li><a>Каталог товаров ▾</a>

[551]

Не работает. Теперь просто ссылки нет, а меню все-равно выпадает при наведении.

[551]

Firefly (07 Ноябрь 2015 - 17:19) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

ul.nav-main li.hover, ul.nav-main li:hover

Замените на:

ul.nav-main li.hover

Найдите код:

#navigation > li:hover .nav-new

Замените на:

#navigation > li.hover .nav-new

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Скрипты -> main.js, добавьте в конце код:

$('#navigation li:first').click(function(e){
e.preventDefault;
if($(this).hasClass('hover')){
$(this).removeClass('hover');
}
else {
$(this).addClass('hover');
}
})

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:

<li><a href="http://babylook.me/page/catalog-tovarov">Каталог товаров ▾</a>

Замените на:

<li><a>Каталог товаров ▾</a>

Добрый день. Ответьте мне, пожалуйста. Уже неделю жду.

[Dars]

551 (12 Ноябрь 2015 - 20:57) писал:

Добрый день. Ответьте мне, пожалуйста. Уже неделю жду.

Здравствуйте!
В main.js добавьте код:

$('#navigation > li').filter(function() {
	if (~$(this).text().indexOf('Каталог')) {
	  return true;
	}
  }).click(function() {
	$(this).find('.nav-new').toggle();
	return false;
  });

после кода:

   $("#deliveryConvenientDate").datepicker({
  dayNames	  : ['Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота', 'Воскресенье'],
  dayNamesMin	: ['Вс', 'Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб' ],
  closeText	  : 'Готово',
  currentText	: 'Сегодня' ,
  duration	  : '',
  monthNames	: ['Январь','Февраль','Март','Апрель','Май','Июнь','Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'],
  monthNamesShort : ['Янв','Фев','Март','Апр','Май','Июнь','Июль','Авг','Сен','Окт','Ноя','Дек'],
  yearRange	  : "-6:+6",
  dateFormat	: 'dd.mm.yy',
  minDate		 : new Date(),
  firstDay	  : 1
});

Далее в main.css удалите код:

#navigation > li:hover .nav-new {
		 display: block;
}

[551]

Dars (13 Ноябрь 2015 - 19:37) писал:

Здравствуйте!
В main.js добавьте код:

$('#navigation > li').filter(function() {
if (~$(this).text().indexOf('Каталог')) {
	 return true;
}
}).click(function() {
$(this).find('.nav-new').toggle();
return false;
});

после кода:

$("#deliveryConvenientDate").datepicker({
dayNames	 : ['Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота', 'Воскресенье'],
dayNamesMin : ['Вс', 'Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб' ],
closeText	 : 'Готово',
currentText : 'Сегодня' ,
duration	 : '',
monthNames : ['Январь','Февраль','Март','Апрель','Май','Июнь','Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'],
monthNamesShort : ['Янв','Фев','Март','Апр','Май','Июнь','Июль','Авг','Сен','Окт','Ноя','Дек'],
yearRange	 : "-6:+6",
dateFormat : 'dd.mm.yy',
minDate		 : new Date(),
firstDay	 : 1
});

Далее в main.css удалите код:

#navigation > li:hover .nav-new {
		 display: block;
}

Это в дополнение к тому, что было написано выше? Или сделать только то, что вы написали?

[551]

Проверил и так и так - не работает.

[Dars]

551 (16 Ноябрь 2015 - 21:23) писал:

Проверил и так и так - не работает.

Внес изменения самостоятельно, проверяйте.

[551]

Спасибо, но теперь не работают ссылки в выпадающем меню. Как исправить?

[Dars]

551 (07 Декабрь 2015 - 20:51) писал:

Спасибо, но теперь не работают ссылки в выпадающем меню. Как исправить?

Прошу прощения, немного подправил скрипт.

[551]

Спасибо!