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

[Dizelde]

Помогите перенести поиск в строку с разделами каталога

[miyako]

Dizelde (05 Август 2013 - 08:15) писал:

Помогите перенести поиск в строку с разделами каталога

Поиска у Вас не нашла. Инструкция по переносу поиска для шаблона Вечность - http://forum.storela..._180#entry64114

[Dizelde]

по этой инструкции пробовал...не получается((((

[support 2.0]

Dizelde (05 Август 2013 - 09:53) писал:

по этой инструкции пробовал...не получается((((

в HTML найдите

	 <a class="toggleMenu" href="#">Каталог</a>
		 
	  {%IFNOT catalog_full_empty%}
	
		{%FOR catalog_full%}
		 {% IF catalog_full.FIRST %}<ul {% IF catalog_full.LEVEL = 0 %}class="nav"{% ENDIF %}>{% ENDIF %}
		  <li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %}{% IF catalog_full.CURRENT %}class="open"{% ELSEIF catalog_full.CURRENT_PARENT %}class="open"{% ENDIF %} >
			<a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a><span class="icons" {% IFNOT catalog_full.ISSET_SUB %}style="display: none;"{% ENDIF %}></span>
				 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
		  {% IF catalog_full.LAST %}{%FOR out%}</ul>

ПЕРЕД </ul> вставьте

<!-- Форма поиска -->
				  <form action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;" role="search">
								<div>
								  <input class="search" name="q" type="search"  value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" />
								  <input title="Искать" type="submit" value="Поиск" />
								</div>
				  </form>
				  <!-- /Форма поиска -->

[Dizelde]

ага, перенести получилось, теперь подскажите где размеры поиска отредактировать

[Dizelde]

и еще...теперь при наведении на раздел каталога выскакивает еще одна строка для поиска

[Сake]

Размеры поиска задаются в файле стилей style.css а именно в классах

form[role="search"] input[type="search"], input#search-field, .search {
	border: medium none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17) inset;
	color: #8A8A8A;
	font-size: 1.167em;
	height: 2.429em;
	margin: 0;
	padding: 0 0.417em;
	position: absolute;
	vertical-align: middle;
	width: 81% !important;
	z-index: 1;
}
input[type="search"] {
	-moz-box-sizing: content-box;
	background: url("http://test-storeland.storeland.net/search.png") no-repeat scroll left center #FFFFFF;
	padding-left: 33px !important;
}
form[role="search"] input[type="search"], input#search-field, .search {
	border: medium none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17) inset;
	color: #8A8A8A;
	font-size: 1.167em;
	height: 2.429em;
	margin: 0;
	padding: 0 0.417em;
	position: absolute;
	vertical-align: middle;
	width: 81% !important;
	z-index: 1;
}
form[role="search"] input[type="submit"], input#search-submit {
	background: none repeat scroll 0 0 #404040;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17) inset;
	height: 2.833em;
	line-height: 1;
	margin: 0;
	padding: 0 0.833em;
	position: absolute;
	right: 0;
	z-index: 2;
}
input[type="submit"], button.submit, input[type="reset"] {
	background: none repeat scroll 0 0 #13AF17;
	border: medium none;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1;
	padding: 0.6em;
	text-align: center;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	text-transform: uppercase;
}

Цитата

при наведении на раздел каталога выскакивает еще одна строка для поиска

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

[Dizelde]

добавил поиск, очистил кэш...проблема осталась. Посмотрите пожалуйста. ( при наведении на разделы каталога справа выскакивает еще одна строка поиска

[Dizelde]

....и еще...как перенести изображение лупы на место слова ПОиск

[sengun]

Dizelde (06 Август 2013 - 10:03) писал:

добавил поиск, очистил кэш...проблема осталась. Посмотрите пожалуйста. ( при наведении на разделы каталога справа выскакивает еще одна строка поиска

В HTML код формы поиска

<!-- Форма поиска -->
								  <form action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Найти') return false;" role="search">
																<div>
																  <input class="search" name="q" type="search"  value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}{% ENDIF %}" onfocus="if(this.value=='Найти'){this.value='';}" onblur="if(this.value==''){this.value='Найти';}" />
																  <input title="Искать" type="submit" value="Поиск" />
																</div>
								  </form>
								  <!-- /Форма поиска -->

вырежьте и вставьте перед

</div>
   
	<!-- /Каталог товаров -->

это тремя строками ниже.
Далее в style.css код

.nav {list-style: none;*zoom: 1;width:900px;height:30px;left:170px;top:-100px;background-image: url(http://design.contanti.ru/brown.jpg?8018);z-index:30;position: relative;border-radius:7px;}

замените на

.nav {list-style: none;*zoom: 1;width:900px;height:30px;left:170px;top:0px;background-image: url(http://design.contanti.ru/brown.jpg?8018);z-index:30;position: relative;border-radius:7px;}

а код

.conta {position: relative;width: 100%;max-width: 1280px;margin: 20px auto;z-index:30;}

замените на

.conta {position: relative;width: 100%;max-width: 1280px;margin: 20px auto;z-index:30; top: -100px;}

Код

/* Стили для поиска */
form[role="search"] {position: absolute; left: 30.5em;top: 0em;height:20px;}
form[role="search"] div, header form div {display: block;margin: 0 auto;margin: 0 auto;position: relative;width: 30.5em;height: 2.833em;background: transparent;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;z-index: 20;}
.ie7 form[role="search"] div, header form div {display: block;margin-right: 0;position: relative;width: 30.5em;height: 2.833em;background: transparent;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;z-index: 20;}

замените на

/* Стили для поиска */
form[role="search"] {position: absolute; right: 215px;top: 0em;height:20px;z-index:30;}
form[role="search"] div, header form div {display: block;margin: 0 auto;position: relative;width: 18em;height: 2.833em;background: transparent;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;z-index: 20;}
.ie7 form[role="search"] div, header form div {display: block;margin-right: 0;position: relative;width: 18em;height: 2.833em;background: transparent;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;z-index: 20;}

Код

form[role="search"] input[type="search"], input#search-field, .search {vertical-align: middle;-webkit-appearance: textfield;-webkit-box-sizing:content-box;border: none;width: 20% !important;height: 1.229em;font-size: 1.167em;right:-47px;top:5.5px;color: #8a8a8a;position: absolute;border-radius: 3px;z-index: 1;padding: 0 0.417em;margin: 0;-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);}

замените на

form[role="search"] input[type="search"], input#search-field, .search {vertical-align: middle;-webkit-appearance: textfield;-webkit-box-sizing:content-box;border: none;width: 50% !important;height: 1.229em;font-size: 1.167em;right:70px;top:5.5px;color: #8a8a8a;position: absolute;border-radius: 3px;z-index: 1;padding: 0 0.417em;margin: 0;-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);}

и код

form[role="search"] input[type="submit"], input#search-submit {position: absolute;right: -115px;;top:6px;border-radius:0px;z-index: 2;height: 1.4em;background:url(http://design.contanti.ru/%D0%91%D0%B5%D0%B7%D1%8B%D0%BC%D1%8F%D0%BD%D0%BD%D1%8B%D0%B9.jpg?8168);;padding: 0 0.833em;margin: 0;line-height: 1;-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px;-moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px;}

замените на

form[role="search"] input[type="submit"], input#search-submit {position: absolute;right: 0px;;top:6px;border-radius:0px;z-index: 2;height: 1.4em;background:url(http://design.contanti.ru/%D0%91%D0%B5%D0%B7%D1%8B%D0%BC%D1%8F%D0%BD%D0%BD%D1%8B%D0%B9.jpg?8168);;padding: 0 0.833em;margin: 0;line-height: 1;-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px;-moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px;}

Dizelde (06 Август 2013 - 12:12) писал:

....и еще...как перенести изображение лупы на место слова ПОиск

Лупой надо заменить слово поиск?
Тогда в syle.css код

input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */box-sizing: content-box;background: #fff url('{ASSETS_IMAGES_PATH}search.png') left center no-repeat; padding-left: 33px !important;}

замените на

input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */box-sizing: content-box;background: #fff; padding-left: 33px !important;}

код

form[role="search"] input[type="submit"], input#search-submit {position: absolute;right: 0px;;top:6px;border-radius:0px;z-index: 2;height: 1.4em;background:url(http://design.contanti.ru/%D0%91%D0%B5%D0%B7%D1%8B%D0%BC%D1%8F%D0%BD%D0%BD%D1%8B%D0%B9.jpg?8168);;padding: 0 0.833em;margin: 0;line-height: 1;-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px;-moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px;}

замените на

form[role="search"] input[type="submit"], input#search-submit {position: absolute;right: 0px;width:30px;top:6px;border-radius:0px;z-index: 2;height: 1.4em;background:#fff url('{ASSETS_IMAGES_PATH}search.png') left center no-repeat;padding: 0 0.833em;margin: 0;line-height: 1;-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px;-moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px;}

А в стилях

form[role="search"] input[type="search"], input#search-field, .search

атрибуту top задайте значение 31px;
Теперь в html код

<input title="Искать" type="submit" value="Поиск" />

замените на

<input title="Искать" type="submit" value="" />

[Nana]

Добрый день. Хотела перенести (спустить) "поиск" на черную строку с разделами каталога с правой стороны, но он у меня съехал под строку. Помогите, пожалуйста, приподнять его.

[shnafix]

Nana (02 Сентябрь 2013 - 18:22) писал:

Добрый день. Хотела перенести (спустить) "поиск" на черную строку с разделами каталога с правой стороны, но он у меня съехал под строку. Помогите, пожалуйста, приподнять его.

Укажите, пожалуйста, номер вашего аккаунта.

[Nana]

shnafix (02 Сентябрь 2013 - 18:29) писал:

Укажите, пожалуйста, номер вашего аккаунта.

SL-223855
SS

[shnafix]

Nana (02 Сентябрь 2013 - 18:43) писал:

SL-223855
SS

В style.css найдите строку

form[role="search"] {position: absolute; right: 2em;top: 2.5em;}

и и замените ее на следующую

form[role="search"] {position: absolute; right: 2em;top: 0.5em;z-index: 31;}

[Nana]

shnafix (02 Сентябрь 2013 - 19:19) писал:

В style.css найдите строку

form[role="search"] {position: absolute; right: 2em;top: 2.5em;}

и и замените ее на следующую

form[role="search"] {position: absolute; right: 2em;top: 0.5em;z-index: 31;}

Отлично. Все получилось, спасибо большое!