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

[sergej0720]

Здравствуйте уважаемые модераторы, нужна ваша помощь:
1. сделать так чтобы в шапке всегда по умолчанию были не группы, а стока поиска (но чтобы она не закрывала значки сравнения товаров и корзину)
2. убрать из строки поиска кнопку "закрыть" и значок поиска

Вот как я хочу чтобы это выглядело - см. скрин

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

• 

[AnnaM]

sergej0720 (10 Ноябрь 2014 - 12:39) писал:

Здравствуйте уважаемые модераторы, нужна ваша помощь:
1. сделать так чтобы в шапке всегда по умолчанию были не группы, а стока поиска (но чтобы она не закрывала значки сравнения товаров и корзину)
2. убрать из строки поиска кнопку "закрыть" и значок поиска

Вот как я хочу чтобы это выглядело - см. скрин

В файле main.js замените

//Header Phone & Search
  $('.phone-header > a').click(function(event){
event.preventDefault();
	$('.btn-group').removeClass('open');
	$('.phone-active').fadeIn().addClass('open');
  });
  $('.search-header > a').click(function(event){
event.preventDefault();
	$('.btn-group').removeClass('open');
	$('.search-active').fadeIn().addClass('open');
  });
 
  $('.phone-active .close, .search-active .close').click(function(event){
event.preventDefault();
	$(this).parent().fadeOut().removeClass('open');
  });
 
  $('body').on('click', function(event) {
var phone  = '.phone-active',
  search = '.search-active';

if ((!$(event.target).is(phone + ' *')) && (!$(event.target).is('.phone-header *'))) {
   if ($(phone).hasClass('open')) {
  $(phone).fadeOut().removeClass('open');
   }
}
if ((!$(event.target).is(search + ' *')) && (!$(event.target).is('.search-header *'))) {
   if ($(search).hasClass('open')) {
  $(search).fadeOut().removeClass('open');
   }
}
  });

на

//Header Phone & Search
  $('.phone-header > a').click(function(event){
event.preventDefault();
	$('.btn-group').removeClass('open');
	$('.phone-active').fadeIn().addClass('open');
  });
 
  $('.phone-active .close').click(function(event){
event.preventDefault();
	$(this).parent().fadeOut().removeClass('open');
  });
 
  $('body').on('click', function(event) {
var phone  = '.phone-active';

if ((!$(event.target).is(phone + ' *')) && (!$(event.target).is('.phone-header *'))) {
   if ($(phone).hasClass('open')) {
  $(phone).fadeOut().removeClass('open');
   }
}
  });

в main.css замените

.search-active form {height: 100%;margin: 0;position: relative;width: 100%;}

на

.search-active form {
height: 100%;
margin: 0;
position: relative;
width: 75%;
}

это

.header .primary {
float: left;
margin-bottom: 10px;
z-index: 900;
}

на

.header .primary {
float: left;
margin-bottom: 10px;
z-index: 900;
display: none;
}

и добавьте в конец

.search-active {display:block}

В шаблоне HTML замените

<!-- Поиск при нажатии -->
				<div class="search-active col-sm-10 col-md-10">
				  <a href="#" class="close"><span>Закрыть</span>×</a>

на

<!-- Поиск при нажатии -->
				<div class="search-active col-sm-10 col-md-10">
				 

и это

<!-- Иконка поиска -->
					  <div class="search-header hidden-600">
						<a href="#" title="Поиск по магазину">
						  <span class="icon-magnifier"></span>
						</a>
					  </div>

на

<!-- Иконка поиска
					  <div class="search-header hidden-600">
						<a href="#" title="Поиск по магазину">
						  <span class="icon-magnifier"></span>
						</a>
					  </div> -->

[dapide]

спасибо
Интернет магазин одежды SOTSIALEN.RU

[sergej0720]

После изменений значки "сравнения" "телефон" и "корзина" перестали быть кликабельными! В чем может быть дело?

[AnnaM]

sergej0720 (10 Ноябрь 2014 - 15:02) писал:

После изменений значки "сравнения" "телефон" и "корзина" перестали быть кликабельными! В чем может быть дело?

В main.css замените

.search-active {
display: block;
}

на

.search-active {
display: block;
width: 65%;
margin-right: 200px;
}

  и это

.search-active form {
height: 100%;
margin: 0;
position: relative;
width: 75%;
}

на

.search-active form {
height: 100%;
margin: 0;
position: relative;
/*width: 75%;*/
}

[sergej0720]

AnnaM (10 Ноябрь 2014 - 16:30) писал:

В main.css замените

.search-active {
display: block;
}

на

.search-active {
display: block;
width: 65%;
margin-right: 200px;
}

  и это

.search-active form {
height: 100%;
margin: 0;
position: relative;
width: 75%;
}

на

.search-active form {
height: 100%;
margin: 0;
position: relative;
/*width: 75%;*/
}

вышеуказанную проблему решили. Спасибо.
Но появилась еще одна проблема: при нажатии значка "телефон" он отображается за поиском (см. скрин)

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

• 

[AnnaM]

sergej0720 (10 Ноябрь 2014 - 16:53) писал:

вышеуказанную проблему решили. Спасибо.
Но появилась еще одна проблема: при нажатии значка "телефон" он отображается за поиском (см. скрин)

В конец main.css добавьте

.phone-active.col-sm-10.col-md-10.open {
z-index: 999;
}

[sergej0720]

Еще помогите пожалуйста по мобильному виду (см. скрин)

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

• 

[AnnaM]

sergej0720 (13 Ноябрь 2014 - 10:34) писал:

Еще помогите пожалуйста по мобильному виду (см. скрин)

В main.css замените:
1.

@media (max-width: 991px)
.header .right-box-wrapper {
text-align: right;
}

на

@media (max-width: 991px)
.header .right-box-wrapper {
text-align: right;
height: 186px;
padding-bottom: 42px;
}

2.

@media (max-width: 767px)
.search-active .search-string, .search-active .search-string:hover {
padding-left: 8px;
}

на

@media (max-width: 767px)
.search-active .search-string, .search-active .search-string:hover {
padding-left: 8px;
margin-top: 77px;
}

[Vialex]

Утро доброе, исправлял шапку и еще остались вопросы, помогите исправить.
Вопросы на скрине http://joxi.ru/MAjMO14FvObg2e1. на разном уровне логотип и каталог и / = сделал
вопросик 1.1. как можно увеличить логотип? / = сделал
2. спряталась строчка-путь /= сделал

3. можно ли уменьшить размер белой шапки
Далее http://joxi.ru/n2Yz9k3HjBEJA6
4. добавить текст и сделать в столбик (избранное и сравнение)
5. добавить видео в низ описания или в закладкиСпасибо.

Сообщение отредактировал SL-227422: 24 Ноябрь 2014 - 18:24

[Vialex]

Помогите! Пожааааааалуйста!

[Vialex]

SL-227422 (24 Ноябрь 2014 - 11:39) писал:

Помогите! Пожааааааалуйста!

Спасибо. Всё решил сам (((