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


Поиск И Корзину Разместить Под Верхним Меню Над Заголовком Каталог


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

#1 miniplaneta

miniplaneta

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

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

Отправлено 28 Июль 2016 - 22:05

Здравствуйте.
1. Поиск работает только по товарам?
2. Тогда хочу переместить Поиск и Корзину над заголовком "Каталог товаров" под верхним меню.

#2 Vaccina

Vaccina

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

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

Отправлено 29 Июль 2016 - 02:32

Все верно, по новостям или страницам он не ищет. Вы можете вставить сторонний поиск от Google или Яндекс, чтобы поиск происходил по всему сайту.
Каталог у вас отображается не на всех страницах, то же самое должно касаться и поиска с корзиной?

#3 miniplaneta

miniplaneta

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

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

Отправлено 29 Июль 2016 - 12:42

Просмотр сообщенияVaccina (29 Июль 2016 - 02:32) писал:

Каталог у вас отображается не на всех страницах, то же самое должно касаться и поиска с корзиной?
Да. Хочу Разместить "Поиск", под ним "Корзину, под ними Каталог. Затем вся эта конструкция пускай будет как сейчас обернута условием на каких страницах отображать. У меня сайт не профильный. Продажа товаров если и будет, то символическая.

#4 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 02 Август 2016 - 10:30

Просмотр сообщенияminiplaneta (29 Июль 2016 - 12:42) писал:

Да. Хочу Разместить "Поиск", под ним "Корзину, под ними Каталог. Затем вся эта конструкция пускай будет как сейчас обернута условием на каких страницах отображать. У меня сайт не профильный. Продажа товаров если и будет, то символическая.

В шаблоне HTML найдите и удалите блок
<div class="hmright">
				  <div id="cart">				   
						  <a class="cartanchor" href="{CART_URL}" title="Перейти в корзину">
							<div class="incart">
							<span class="chover">
							  <span class="icon-cart3 icon"></span>
							  &nbsp;&nbsp;{CART_COUNT_TOTAL} товар(ов) -   
							</span>
								{% IF cart_count_empty %}
								  <span>0 {CURRENCY_NAME}</span>
								{% ELSE %}
								  {% FOR cart_sum %}
									{cart_sum.NOW} {CURRENCY_NAME}
								  {% ENDFOR %}
								{% ENDIF %}</span>			  
							 </div>
							</a>
						 </div>
				  <div class="noindex" id="search">
					 <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('.searchinp').val()=='Поиск...') return false;">				   
						  <input class="searchinp" 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;;"/>
						  <button title="Искать" type="submit" value="Поиск" class="button-search"><span class="icon-search"></span></button>
					 </form>
				  </div>
				</div>
Далее в том же шаблоне найдите строку
{% IF PAGE_NAME = Учителям %} <!-- В этой строчке указываю перечень страниц, где отображать Каталог товаров. Строчкой ниже, если одна страница. Страница "Каталог" так и так не имеет отображения, если товаров или разделов с ними нет. Условие закрывается перед end Каталог товаров -->
и сразу же после нее вставьте блок
  <div class="leftBlock">
	   <div class="noindex" id="search">
					 <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('.searchinp').val()=='Поиск...') return false;">				   
						  <input class="searchinp" 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;;"/>
						  <button title="Искать" type="submit" value="Поиск" class="button-search"><span class="icon-search"></span></button>
					 </form>
				  </div>
				  <div id="cart">				   
						  <a class="cartanchor" href="{CART_URL}" title="Перейти в корзину">
							<div class="incart">
							<span class="chover">
							  <span class="icon-cart3 icon"></span>
							  &nbsp;&nbsp;{CART_COUNT_TOTAL} товар(ов) -   
							</span>
								{% IF cart_count_empty %}
								  <span>0 {CURRENCY_NAME}</span>
								{% ELSE %}
								  {% FOR cart_sum %}
									{cart_sum.NOW} {CURRENCY_NAME}
								  {% ENDFOR %}
								{% ENDIF %}</span>			  
							 </div>
							</a>
						 </div>
				</div>

Теперь в самый конец файла main.css добавьте блок
.leftBlock{width:280px;}
.leftBlock #cart{
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	width: 240px;
	float: none;
	transition: all 0.35s ease;
	-webkit-user-select: none;
}
.leftBlock div#search{
	float: none;
	padding-top: 20px
}
.leftBlock form#search_mini_form{background:#4d8d9f;}
.leftBlock .searchinp {
	font-family: 'Open sans',sans-serif;
	background: rgba(255, 255, 255, 0.0);
	color: white;
	font-size: 16px;
	padding: 3px 5px;
	width: 240px;
	border: none;
}
.leftBlock a.cartanchor {
	color: #015d76;
}
Там же найдите строку
@media only screen and (min-width:486px) and (max-width:1000px){
и сразу же после ее вставьте
.leftBlock{display:none;}





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

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