Перейти к содержимому


Как Убрать Поиск При Проматывании Страницы ?


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 40

#1 1egi0n

1egi0n

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 70 сообщений

Отправлено 31 Июль 2014 - 11:46

Изначально поиск не активен. Как только скролишь страницу появляется полоса черная со стракой поиска. Как ее грохнуть?

#2 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 31 Июль 2014 - 11:49

Просмотр сообщения1egi0n (31 Июль 2014 - 11:46) писал:

Изначально поиск не активен. Как только скролишь страницу появляется полоса черная со стракой поиска. Как ее грохнуть?
Здравствуйте, В файле "main.js".
Найти и удалить:
// Появляющаяся плашка
function windowScroll() {
  if ($('body').hasClass('tovar'))
  {
	var offset = $('.add-to-links').offset(); // нужное расстояние после прокрутки которого будет показано окно.
  }
  else
  {
	var offset = $('.nav-container').offset(); 
  }
  //alert(offset.top);

if ($(window).scrollTop() > offset.top)
	$('#header_bar').fadeIn();
  else if ($(window).scrollTop() < offset.top)
	$('#header_bar').fadeOut();
}
$(window).scroll(function(){
  if ($(window).width() > 767) {
	windowScroll();
  }
});


#3 1egi0n

1egi0n

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 70 сообщений

Отправлено 31 Июль 2014 - 12:09

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

#4 MirraG

MirraG

    Пользователь

  • Пользователи
  • PipPip
  • 28 сообщений

Отправлено 04 Август 2014 - 09:49

убрала , не помогло,
подскажите, где еще нужно исправить?

#5 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 04 Август 2014 - 11:41

Просмотр сообщенияMirraG (04 Август 2014 - 09:49) писал:

убрала , не помогло,
подскажите, где еще нужно исправить?

Уточните номер аккаунта

#6 MirraG

MirraG

    Пользователь

  • Пользователи
  • PipPip
  • 28 сообщений

Отправлено 04 Август 2014 - 13:55

SL-303554

#7 Dars

Dars

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 410 сообщений

Отправлено 04 Август 2014 - 14:13

Просмотр сообщенияMirraG (04 Август 2014 - 13:55) писал:

SL-303554
Здравствуйте, на данный момент поиск остается на своем месте и не скроллится вместе со страницей. Попробуйте очистить кэш (Ctrl+F5).

#8 MirraG

MirraG

    Пользователь

  • Пользователи
  • PipPip
  • 28 сообщений

Отправлено 04 Август 2014 - 14:52

да, действительно неожиданно пропал только сейчас

#9 bot

bot

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 30 Октябрь 2014 - 16:42

Здравствуйте! Помогите пожалуйста вернуть поиск. (место указал на скрине)
Спасибо.
Аккаунт SL-311355

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

  • Screenshot_2.png


#10 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 31 Октябрь 2014 - 03:25

В шаблоне HTML перед:
<div class="nav-container">
			<div id="menu_block_head">
вставьте:
<!-- Поиск -->
	  <div id="search">
		<form action="http://{NET_DOMAIN}/search" id="searchform" method="get">
		  <div>
			<input type="text"  value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="search_box alignleft" name="q" />
			<input type="image" class="submit alignright" src="{ASSETS_IMAGES_PATH}search.png?design=shine" />
			<div class="clr"></div>
		  </div>
		</form>
	  </div>
	  <!-- end Поиск -->
где search.png - иконка поиска, которую вам необходимо загрузить в редактор шаблонов

и в файле style.css добавьте:
#search{
float:right;
}


#11 bot

bot

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 31 Октябрь 2014 - 11:51

Просмотр сообщенияVaccina (31 Октябрь 2014 - 03:25) писал:

В шаблоне HTML перед:
<div class="nav-container">
		 <div id="menu_block_head">
вставьте:
<!-- Поиск -->
	 <div id="search">
	 <form action="http://{NET_DOMAIN}/search" id="searchform" method="get">
		 <div>
		 <input type="text" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="search_box alignleft" name="q" />
		 <input type="image" class="submit alignright" src="{ASSETS_IMAGES_PATH}search.png?design=shine" />
		 <div class="clr"></div>
		 </div>
	 </form>
	 </div>
	 <!-- end Поиск -->
где search.png - иконка поиска, которую вам необходимо загрузить в редактор шаблонов

и в файле style.css добавьте:
#search{
float:right;
}
спасибо

#12 bot

bot

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 31 Октябрь 2014 - 12:26

а как переместить кнопку поиска на указанное место?

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

  • Screenshot_2.png


#13 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 31 Октябрь 2014 - 12:47

Просмотр сообщенияYasin (31 Октябрь 2014 - 12:26) писал:

а как переместить кнопку поиска на указанное место?
В style.css найдите код
#search input[type=text] {
width: 100%;
padding: 0 25px 0 10px;
height: 29px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin-top: 14px;
}
и замените на
#search input[type=text] {
width: 68%;
padding: 0 10px 0 10px;
height: 29px;
box-sizing: border-box;
-moz-box-sizing: border-box;
float: left;
-webkit-box-sizing: border-box;
margin-top: 14px;
}
Так же в конец style.css добавьте код
#search input[type=image] {
font-family: Helvetica;
-webkit-border-radius: 2px;
float: left;
-moz-border-radius: 2px;
border-radius: 2px;
display: inline-block;
padding: 0px 6px;
margin-top: 14px;
font-size: 14px;
line-height: 20px;
vertical-align: middle;
font-size: 12px;
}


#14 bot

bot

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 31 Октябрь 2014 - 13:47

Просмотр сообщенияDanil (31 Октябрь 2014 - 12:47) писал:

В style.css найдите код
#search input[type=text] {
width: 100%;
padding: 0 25px 0 10px;
height: 29px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin-top: 14px;
}
и замените на
#search input[type=text] {
width: 68%;
padding: 0 10px 0 10px;
height: 29px;
box-sizing: border-box;
-moz-box-sizing: border-box;
float: left;
-webkit-box-sizing: border-box;
margin-top: 14px;
}
Так же в конец style.css добавьте код
#search input[type=image] {
font-family: Helvetica;
-webkit-border-radius: 2px;
float: left;
-moz-border-radius: 2px;
border-radius: 2px;
display: inline-block;
padding: 0px 6px;
margin-top: 14px;
font-size: 14px;
line-height: 20px;
vertical-align: middle;
font-size: 12px;
}
нужно еще не много подвинуть кнопку

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

  • Screenshot_2.png


#15 batta

batta

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 31 Октябрь 2014 - 14:20

Просмотр сообщенияYasin (31 Октябрь 2014 - 13:47) писал:

нужно еще не много подвинуть кнопку
Здравствуйте.
В style.css
CHECKBOX, INPUT, RADIO, SELECT {
font-family: Helvetica;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: inline-block;
padding: 4px 6px;
margin: 0 0 10px 0;
font-size: 14px;
line-height: 20px;
vertical-align: middle;
font-size: 12px;
}
измените на
CHECKBOX, INPUT, RADIO, SELECT {
font-family: Helvetica;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: inline-block;
padding: 14px 0px;
margin: 0 0 10px 0;
font-size: 14px;
line-height: 20px;
vertical-align: middle;
font-size: 12px;
}


#16 bot

bot

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 31 Октябрь 2014 - 14:27

Просмотр сообщенияbatta (31 Октябрь 2014 - 14:20) писал:

Здравствуйте.
В style.css
CHECKBOX, INPUT, RADIO, SELECT {
font-family: Helvetica;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: inline-block;
padding: 4px 6px;
margin: 0 0 10px 0;
font-size: 14px;
line-height: 20px;
vertical-align: middle;
font-size: 12px;
}
измените на
CHECKBOX, INPUT, RADIO, SELECT {
font-family: Helvetica;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: inline-block;
padding: 14px 0px;
margin: 0 0 10px 0;
font-size: 14px;
line-height: 20px;
vertical-align: middle;
font-size: 12px;
}
спасибо

#17 gtsound

gtsound

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 117 сообщений

Отправлено 04 Июль 2015 - 01:17

Как поменять при скроле выпадающий "поиск"? Нужно что бы Поиска выводились Контакты (номер тел, мыло, адрес)

#18 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 04 Июль 2015 - 10:02

Просмотр сообщенияgtsound (04 Июль 2015 - 01:17) писал:

Как поменять при скроле выпадающий "поиск"? Нужно что бы Поиска выводились Контакты (номер тел, мыло, адрес)
Здравствуйте.
Попробуйте сделать следующее:
в шаблоне html найдите код
<!-- Форма поиска -->
			<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if(jQuery(this).find('#search').val()=='Поиск по магазину...') return false;">
			  <div id="search">
			  <input type="search" name="q" id="Search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" /> 
			  <input name="search" title="Искать" type="submit" value="" /> 
			  <div class="clear"></div>
			  </div>
			</form>
			<!-- /Форма поиска -->
и замените на
<div class="contacts">
			{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_SKYPE || SETTINGS_STORE_ICQ %}
			  <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам"> 
				<b>Контакты:</b><br />
				<!-- Первый контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				  {SETTINGS_STORE_PHONE_COUNTRY_CODE1}
				  {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}<span class="phone_code">({SETTINGS_STORE_PHONE_CITY_CODE1})</span>{% ENDIF %}
				  {SETTINGS_STORE_PHONE_NUMBER1}<br />
				{% ENDIF %}
			   
				<!-- Второй контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				  {SETTINGS_STORE_PHONE_COUNTRY_CODE1}
				  {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}<span class="phone_code">({SETTINGS_STORE_PHONE_CITY_CODE2})</span>{% ENDIF %}
				  {SETTINGS_STORE_PHONE_NUMBER2}<br />
				{% ENDIF %}
						 
				<!-- Третий контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER3 %}
				  {SETTINGS_STORE_PHONE_COUNTRY_CODE3}
				  {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}<span class="phone_code">({SETTINGS_STORE_PHONE_CITY_CODE3})</span>{% ENDIF %}
				  {SETTINGS_STORE_PHONE_NUMBER3}
				{% ENDIF %}
					   
				<!-- Skype номер -->
				{% IF SETTINGS_STORE_SKYPE %}
				  <div class="contentTableHeadMainSkype">
					<a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">
					  <img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />
					  <span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span>
					</a>
				  </div>
				{% ENDIF %}
					  
				<!-- ICQ номер -->
				{% IF SETTINGS_STORE_ICQ %}
				  <div class="contentTableHeadMainIcq">
					<img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус" width="16" height="16" />
					<span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
				  </div>
				{% ENDIF %}
			  </div>
			{% ENDIF %}
		   
			<!-- Время работы магазина -->
			{% IF SETTINGS_STORE_WORK_TIME %}
			  <div class="time">
				<b>Время работы:</b><br />
				<span class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
				  {SETTINGS_STORE_WORK_TIME}
				</span>
			  </div>
			{% ENDIF %}
			<div class="clear"></div>
		  </div>


#19 gtsound

gtsound

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 117 сообщений

Отправлено 04 Июль 2015 - 10:38

Просмотр сообщенияDanil (04 Июль 2015 - 10:02) писал:

Здравствуйте.
Попробуйте сделать следующее:
в шаблоне html найдите код
<!-- Форма поиска -->
		 <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if(jQuery(this).find('#search').val()=='Поиск по магазину...') return false;">
			 <div id="search">
			 <input type="search" name="q" id="Search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" />
			 <input name="search" title="Искать" type="submit" value="" />
			 <div class="clear"></div>
			 </div>
		 </form>
		 <!-- /Форма поиска -->
и замените на
<div class="contacts">
		 {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_SKYPE || SETTINGS_STORE_ICQ %}
			 <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">
			 <b>Контакты:</b><br />
			 <!-- Первый контактный телефон -->
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				 {SETTINGS_STORE_PHONE_COUNTRY_CODE1}
				 {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}<span class="phone_code">({SETTINGS_STORE_PHONE_CITY_CODE1})</span>{% ENDIF %}
				 {SETTINGS_STORE_PHONE_NUMBER1}<br />
			 {% ENDIF %}
			
			 <!-- Второй контактный телефон -->
			 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				 {SETTINGS_STORE_PHONE_COUNTRY_CODE1}
				 {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}<span class="phone_code">({SETTINGS_STORE_PHONE_CITY_CODE2})</span>{% ENDIF %}
				 {SETTINGS_STORE_PHONE_NUMBER2}<br />
			 {% ENDIF %}
						
			 <!-- Третий контактный телефон -->
			 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
				 {SETTINGS_STORE_PHONE_COUNTRY_CODE3}
				 {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}<span class="phone_code">({SETTINGS_STORE_PHONE_CITY_CODE3})</span>{% ENDIF %}
				 {SETTINGS_STORE_PHONE_NUMBER3}
			 {% ENDIF %}
					
			 <!-- Skype номер -->
			 {% IF SETTINGS_STORE_SKYPE %}
				 <div class="contentTableHeadMainSkype">
				 <a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">
					 <img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />
					 <span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span>
				 </a>
				 </div>
			 {% ENDIF %}
					
			 <!-- ICQ номер -->
			 {% IF SETTINGS_STORE_ICQ %}
				 <div class="contentTableHeadMainIcq">
				 <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус" width="16" height="16" />
				 <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
				 </div>
			 {% ENDIF %}
			 </div>
		 {% ENDIF %}
		
		 <!-- Время работы магазина -->
		 {% IF SETTINGS_STORE_WORK_TIME %}
			 <div class="time">
			 <b>Время работы:</b><br />
			 <span class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
				 {SETTINGS_STORE_WORK_TIME}
			 </span>
			 </div>
		 {% ENDIF %}
		 <div class="clear"></div>
		 </div>



Спасибо. получилось!

Еще вопрос. сделал скрин. теперь нужно сделать что бы облать, которая выделена сверху была единым черным. Что бы лого можно было растянуть на всю ширину страницы. Так же, слайдер сделать статичной высотой как показано стрелками

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

  • Новый точечный рисунок.jpg


#20 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 04 Июль 2015 - 11:47

Просмотр сообщенияgtsound (04 Июль 2015 - 10:38) писал:

Спасибо. получилось!

Еще вопрос. сделал скрин. теперь нужно сделать что бы облать, которая выделена сверху была единым черным. Что бы лого можно было растянуть на всю ширину страницы. Так же, слайдер сделать статичной высотой как показано стрелками

Здравствуйте.
Если я вас правильно понял, то сделайте следующее:
В шаблоне style.css найдите данный код:

#header .container {
border-bottom: solid 5px #ff0000;
background: url("{ASSETS_IMAGES_PATH}header-bg.png");
}

И замените его вот этим вот кодом:

#header .container {
border-bottom: solid 5px #ff0000;
background-color: #000;
}


Далее в шаблоне camera.css найдите следующий код:

.camera_wrap {
width: 100%;
}

.camera_wrap {
width: 100%;
height: 368px !important;
margin-top: 9.3%;
}

И замените его этим вот кодом:

.camera_wrap {
width: 100%;
height: 368px !important;
margin-top: 9.3%;
}





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных