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

[Юля123]

rtfm (09 Февраль 2016 - 20:22) писал:

Извините если я не правильно объясняю.
Нужен вариант как на 1 вашем примере - Screen 161.png . (синяя полоса с кнопкой каталога, поиском и корзиной, не должна перескакивать на самый верх сайта при прокручивании сайта)

Хорошо, тогда в шаблоне HTMl  перед кодом:

<!-- Верхняя часть Шапки -->

добавьте код:

<div id="header_all">

далее после кода:

<!-- /END Каталог в шапке -->

добавьте код:

</div>

Далее в main.js найдите код:

// Функция фиксации шапки
jQuery(document).ready(function($){
  if($('#menu')){
   $('#menu').stick_in_parent({
   sticky_class: 'keep-menu'
  });
}
});

и замените на код:

// Функция фиксации шапки
jQuery(document).ready(function($){
  if($('#header_all')){
	$('#header_all').stick_in_parent({
sticky_class: 'keep-menu'
});
}
});

дальше в main.css найдите код:

#header.keep-menu {z-index: 100;background: #fff;position: fixed !important;top: 0px !important;}

и замените на код:

#header_all.keep-menu {z-index: 100;background: #fff;position: fixed !important;top: 0px !important;}

[rtfm]

Юля123 (10 Февраль 2016 - 09:21) писал:

Хорошо, тогда в шаблоне HTMl  перед кодом:

<!-- Верхняя часть Шапки -->

добавьте код:

<div id="header_all">

далее после кода:

<!-- /END Каталог в шапке -->

добавьте код:

</div>

Далее в main.js найдите код:

// Функция фиксации шапки
jQuery(document).ready(function($){
if($('#menu')){
$('#menu').stick_in_parent({
sticky_class: 'keep-menu'
});
}
});

и замените на код:

// Функция фиксации шапки
jQuery(document).ready(function($){
if($('#header_all')){
$('#header_all').stick_in_parent({
sticky_class: 'keep-menu'
});
}
});

дальше в main.css найдите код:

#header.keep-menu {z-index: 100;background: #fff;position: fixed !important;top: 0px !important;}

и замените на код:

#header_all.keep-menu {z-index: 100;background: #fff;position: fixed !important;top: 0px !important;}

получилось, но эти изменения нужны только для мобильной версии, а получилось что шапка полностью видна в обычной версии

[Юля123]

rtfm (10 Февраль 2016 - 13:03) писал:

получилось, но эти изменения нужны только для мобильной версии, а получилось что шапка полностью видна в обычной версии

Уточните, как должна выглядеть шапка в обычной версии?

[rtfm]

Юля123 (10 Февраль 2016 - 15:00) писал:

Уточните, как должна выглядеть шапка в обычной версии?

в обычной версии должно остаться всё по умолчанию

[Юля123]

rtfm (10 Февраль 2016 - 22:49) писал:

в обычной версии должно остаться всё по умолчанию

Здравствуйте, тогда в main.js код:

// Функция фиксации шапки
jQuery(document).ready(function($){
  if($('#header_all')){
		$('#header_all').stick_in_parent({
sticky_class: 'keep-menu'
});
}
});

замените на код:

// Функция фиксации шапки
jQuery(document).ready(function($){
 if(getClientWidth() > 600){
  if($('#menu')){
	$('#menu').stick_in_parent({
sticky_class: 'keep-menu'
});
}
 }
});

// Функция фиксации шапки в мобильной версии
jQuery(document).ready(function($){
 if(getClientWidth() <= 600){
if($('#header_all')){
$('#header_all').stick_in_parent({
sticky_class: 'keep-menu1'
});
}
   }
});

далее в main.css найдите код:

#header_all.keep-menu {z-index: 100;background: #fff;position: fixed !important;top: 0px !important;}

и замените на код:

#header_all.keep-menu1 {z-index: 100;background: #fff;position: fixed !important;top: 0px !important;}
#menu.keep-menu {z-index: 100;background: fadeOut(#000000, 20%);position: fixed !important;top: 0px !important;}

а так же изменения из предыдущего сообщения:

Цитата

в шаблоне HTMl  перед кодом:

<!-- Верхняя часть Шапки -->

добавьте код:

<div id="header_all">

далее после кода:

<!-- /END Каталог в шапке -->

добавьте код:

</div>

[rtfm]

все супер, всё как надо, большое спасибо

[rtfm]

Юля123 (11 Февраль 2016 - 12:29) писал:

Вот что я заметил, в мобильной версии на главной странице все как надо (логотип и название прокручиваются вместе с сайтом), а если перейти на карточку товара то логотип и название фиксируются и при прокрутке остаются на месте, как убрать эту фиксацию на остальных страницах сайта в мобильной версии ?

Прикрепленные изображения

• 

[Danil]

rtfm (28 Март 2016 - 14:48) писал:

Вот что я заметил, в мобильной версии на главной странице все как надо (логотип и название прокручиваются вместе с сайтом), а если перейти на карточку товара то логотип и название фиксируются и при прокрутке остаются на месте, как убрать эту фиксацию на остальных страницах сайта в мобильной версии ?

Здравствуйте.
В main.js найдите и удалите код

// Функция фиксации шапки в мобильной версии
jQuery(document).ready(function($){
if(getClientWidth() <= 600){
if($('#header_all')){
$('#header_all').stick_in_parent({
sticky_class: 'keep-menu1'
});
}
   }
});

[Santos]

Доброго дня!
Сегодня заметил, что верхнее меню (с якорем) в мобильных версиях при наведении прячется под верхние блоки см. ФОТО. Как сделать, чтобы эта менюшка была поверх них.
вот в данном коде:
@media all and (max-width:979px).....
#header-top .topheader-right .sns-quickaccess ul.links ....задавал z-index:100, бесполезно!
мож я не туда залез....подскажите что и как....

Прикрепленные изображения

• 

[Santos]

Пожалуйста ответьте! надо...

[MikDark]

Santos (19 Ноябрь 2016 - 15:40) писал:

Пожалуйста ответьте! надо...

Здравствуйте. Попробуйте в main.css удалить:

#header, #menu {
	z-index: 10;
}

[Santos]

MikDark (19 Ноябрь 2016 - 15:44) писал:

Здравствуйте. Попробуйте в main.css удалить:

#header, #menu {
z-index: 10;
}

Спасибо...Изменения произвел здесь: #header-top{z-index:20;} - было значение 10..Все стало ОК!