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


Поиск В Мобильной Версии


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

#1 sandra.005@mail.ru

sandra.005@mail.ru

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

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

Отправлено 13 Сентябрь 2017 - 20:13

Здравствуйте!
При поиске товара в мобильной версии как исправить:
1) Строка поиска выходит за пределы экрана побокам, как вписать ее в экран?

2) При переходе к результатам поиска попадаем на шапку сайта, как сделать чтобы попадали на уровень страницы где первый найденный товар?

#2 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 14 Сентябрь 2017 - 07:02

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
@media only screen and (max-width:480px){
  div#search111 {left: 30px;}

замените на:
@media only screen and (max-width:480px){
  div#search111 {left: 0;width: 100%;}
  div#search111 input{width: 100% !important;}
    
Далее зайдите в шаблон HTML - найдите:
	<div style="float:right;margin-top:15px;">
	
	 <div id="search111" style="display:inline-block;top:-17px;position:relative;">
				 <form id="search_mini_form11" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;">
					  <!--
					  <button title="Искать" type="submit" value="Поиск" class="button-search" style="margin-right:5px;"></button>
					  -->
					  <input class="theme-color11" style="border:1px solid #ddd;background:#fff;width:300px;padding:3px 10px 3px 10px;" type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Воспользуйтесь поиском по сайту...{% ENDIF %}" onfocus="if(this.value=='Воспользуйтесь поиском по сайту...'){this.value='';}" onblur="if(this.value==''){this.value='Воспользуйтесь поиском по сайту...';}" onclick="this.value = &#39;&#39;;"/>
				 </form>
			</div><!--END search-->
            
замените на:
  <div style="float:right;margin-top:15px;">
	<!--search-->
	<div id="search111" style="display:inline-block;top:-17px;position:relative;">
	  <form id="search_mini_form11" action="http://{NET_DOMAIN}/search#ajaxprod" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;">
		<input class="theme-color11" style="border:1px solid #ddd;background:#fff;width:300px;padding:3px 10px 3px 10px;" type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Воспользуйтесь поиском по сайту...{% ENDIF %}" onfocus="if(this.value=='Воспользуйтесь поиском по сайту...'){this.value='';}" onblur="if(this.value==''){this.value='Воспользуйтесь поиском по сайту...';}" onclick="this.value = &#39;&#39;;"/>
	  </form>
	</div>
	<!--END search-->


#3 sandra.005@mail.ru

sandra.005@mail.ru

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

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

Отправлено 15 Сентябрь 2017 - 19:21

Спасибо




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

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