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

[vanyushka]

Здравствуйте.
В шаблон "Движение" поставил корзину из шаблона "Весна". Разместилась она в шапке заместо бывшей, но ее перекрывает поиск. Также похоже и корзина не перемещается. Нужна помощь!

Выглядит сейчас это так:



Хотелось бы так:



Код новой корзины в HTML на месте старой, а в style.css добавлен в самый конец. Спасибо

[Alekseys]

ipodushkin (20 Март 2015 - 16:32) писал:

Здравствуйте.
В шаблон "Движение" поставил корзину из шаблона "Весна". Разместилась она в шапке заместо бывшей, но ее перекрывает поиск. Также похоже и корзина не перемещается. Нужна помощь!

Выглядит сейчас это так:

Хотелось бы так:

Код новой корзины в HTML на месте старой, а в style.css добавлен в самый конец. Спасибо

Здравствуйте. В шаблоне 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>
			<!-- /Форма поиска -->

вставив этот код после

<!-- end Верхний блок навигации -->

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

#search {
  width: 300px;
  position: absolute;
  top: 40px;
  right: 100px;
  z-index: 100;
}

на

#search {
  width: 300px;
  position: absolute;
  top: 5px;
  right: 30px;
  z-index: 100;
}

[vanyushka]

Alekseys (20 Март 2015 - 18:44) писал:

Здравствуйте. В шаблоне 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>
		 <!-- /Форма поиска -->

вставив этот код после

<!-- end Верхний блок навигации -->

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

#search {
width: 300px;
position: absolute;
top: 40px;
right: 100px;
z-index: 100;
}

на

#search {
width: 300px;
position: absolute;
top: 5px;
right: 30px;
z-index: 100;
}

Спасибо!

1. Поиск как-то прикреплен к кнопке "начать поиск" (желтая стрелка). Я настроил местоположение поиска, но при этом стрелка ушла за пределы разметки сайта вправо. Можно ли ее убрать и убрать расстояние что образовалось?

2. Как подвинуть корзину чуть влево?

[Alekseys]

ipodushkin (20 Март 2015 - 20:47) писал:

Спасибо!

1. Поиск как-то прикреплен к кнопке "начать поиск" (желтая стрелка). Я настроил местоположение поиска, но при этом стрелка ушла за пределы разметки сайта вправо. Можно ли ее убрать и убрать расстояние что образовалось?

2. Как подвинуть корзину чуть влево?

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

#search {
width: 300px;
position: absolute;
top: 8px;
right: -110px;
z-index: 100;
}

на

#search {
width: 140px;
position: absolute;
top: 8px;
right: 30px;
z-index: 100;
}

и

#search input[type="submit"] {outline: none;padding: 0!important;margin: 0;border: none;position:absolute;z-index: 99999;cursor: pointer;top: 0;width:21px;height:40px;background-image:url('{ASSETS_IMAGES_PATH}arrow1.png?design=movement');background-position:1px 1px;background-repeat:no-repeat;background-color:#ffdc2e;position:absolute;right:-20px;text-indent:-2000px-moz-border-radius: 0px;-webkit-border-radius: 0px;-khtml-border-radius: 0px;border-radius: 0px;}

замените на

#search input[type="submit"] {outline: none;padding: 0!important;margin: 0;border: none;position:absolute;z-index: 99999;cursor: pointer;top: 0;width:21px;height:30px;background-image:url('{ASSETS_IMAGES_PATH}arrow1.png?design=movement');background-position:1px 1px;background-repeat:no-repeat;background-color:#ffdc2e;position:absolute;right:-20px;text-indent:-2000px-moz-border-radius: 0px;-webkit-border-radius: 0px;-khtml-border-radius: 0px;border-radius: 0px;}

[vanyushka]

Можно ли окно поиска сблизить с кнопкой поиска? Вот что вышло:

[Danil]

ipodushkin (22 Март 2015 - 11:27) писал:

Можно ли окно поиска сблизить с кнопкой поиска? Вот что вышло:

В конец style.css добавьте
input#Search {
  float: right;
  margin-right: 1px;
}
так же найдите

#search input[type="submit"] {outline: none;padding: 0!important;margin: 0;border: none;position:absolute;z-index: 99999;cursor: pointer;top: 0;width:21px;height:30px;background-image:url('{ASSETS_IMAGES_PATH}arrow1.png?design=movement');background-position:1px 1px;background-repeat:no-repeat;background-color:#ffdc2e;position:absolute;right:-20px;text-indent:-2000px-moz-border-radius: 0px;-webkit-border-radius: 0px;-khtml-border-radius: 0px;border-radius: 0px;}

и замените на

#search input[type="submit"] {outline: none;padding: 0!important;margin: 0;border: none;position:absolute;z-index: 99999;cursor: pointer;top: 0;width:21px;height:32px;background-image:url('{ASSETS_IMAGES_PATH}arrow1.png?design=movement');background-position:1px 1px;background-repeat:no-repeat;background-color:#ffdc2e;position:absolute;right:-20px;text-indent:-2000px-moz-border-radius: 0px;-webkit-border-radius: 0px;-khtml-border-radius: 0px;border-radius: 0px;}