Перенести Блок -Поиск- В Верхнюю Часть Шапки

Sharlex (11 Январь 2018 - 15:32) писал:

Добрый день уважаемые модераторы!

С наступившим Вас Новым годом.

Можно ли сделать следующие действия:

1. Перенести блок -Поиск на сайте- в верхнюю часть шапки главной, рядом с блоком -Заказ обратного звонка- ?

2. Перенести блок -Корзина- выше, рядом с кнопками -Регистрация- и -Вход- ?

3. Увеличить ширину (за счет блока -Поиск-) блок -Меню- , чтобы в видимую его часть попадало больше пунктов?

4. Увеличить ширину адаптивного меню -Каталог товаров- (за счет блока -Корзина-) чтобы в видимую его часть попадало больше пунктов?

Прикрепленный файл

search.png

SL-416251

Здравствуйте.
Изменения по пунктам произвёл.
Бэкап до изменений 12.01.2018 10:06:36
После 12.01.2018 10:29:22

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:

		  <div class="topheader-left col-md-5 col-sms-9 col-smb-6">
			<ul class="contact-us-now">
			  {% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %}
			</ul>
		  </div>
		  <div class="topheader-right col-md-7 col-sms-3 col-smb-6">
			<div class="inner">
			  <div class="sns-quickaccess">
				<div class="quickaccess-inner">
				  <span class="welcome">Добро пожаловать!</span>
				  <ul class="links">
					{% FOR menu %}
					  {% FOR header %}
						{% FOR links %}
						  <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
						{% ENDFOR %}
					  {% ENDFOR %}
					{% ENDFOR %}
				  </ul>
				</div>
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	  <!-- /END Верхняя часть Шапки -->
	  <!-- Основная часть Шапки -->
	  <div id="header" class="wrap">
		<div class="container">
		  <div class="row">
			<!-- Logo -->
			<div id="logo" class="col-sm-4 col-xs-12">
			  <a title="{SETTINGS_STORE_NAME}" href="{INDEX_PAGE_URL}">
				<img src="{ASSETS_IMAGES_PATH}logo.png?design=azure" alt="{SETTINGS_STORE_NAME}">
			  </a>
			</div>
			<!-- END: Logo -->
			<div class="header-right col-sm-8 col-xs-12">
			  <div class="header-right-inner">
				<ul class="connect-us">
				  <li><a href="#" class="fa fa-instagram"></a></li>
					 <li><a href="#" class="fa fa-youtube"></a></li>
				</ul>
				<form id="search_mini_form" action="{SEARCH_URL}" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
				  <div class="form-search">
					<input type="text" name="q" value="{SEARCH_QUERY}" class="inputText" placeholder="Поиск по магазину...">
					<input type="hidden" name="goods_search_field_id" value="0">
					<button type="submit" title="Искать" class="button search-submit"></button>
				  </div>
				</form>

замените на:

		  <div class="topheader-left col-md-5 col-sms-9 col-smb-6">
			<ul class="contact-us-now">
			  {% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %}
			</ul>
		  </div>
		  <div class="topheader-right col-md-7 col-sms-3 col-smb-6">
			<div class="inner">
			  <div class="sns-quickaccess">
				<div class="quickaccess-inner">
				  <span class="welcome">Добро пожаловать!</span>
				  <ul class="links">
					{% FOR menu %}
					  {% FOR header %}
						{% FOR links %}
						  <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
						{% ENDFOR %}
					  {% ENDFOR %}
					{% ENDFOR %}
				  </ul>
				</div>
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	  <!-- /END Верхняя часть Шапки -->
	  <!-- Основная часть Шапки -->
	  <div id="header" class="wrap">
		<div class="container">
		  <div class="row">
			<!-- Logo -->
			<div id="logo" class="col-sm-4 col-xs-12">
			  <a title="{SETTINGS_STORE_NAME}" href="{INDEX_PAGE_URL}">
				<img src="{ASSETS_IMAGES_PATH}logo.png?design=azure" alt="{SETTINGS_STORE_NAME}">
			  </a>
			</div>
			<!-- END: Logo -->
			<div class="header-right col-sm-8 col-xs-12">
			  <div class="header-right-inner">
				<form id="search_mini_form" action="{SEARCH_URL}" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
				  <div class="form-search">
					<input type="text" name="q" value="{SEARCH_QUERY}" class="inputText" placeholder="Поиск по магазину...">
					<input type="hidden" name="goods_search_field_id" value="0">
					<button type="submit" title="Искать" class="button search-submit"></button>
				  </div>
				</form>				
				<ul class="connect-us">
				  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><i class="fa fa-phone"></i><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}
				  <li><a href="#" class="fa fa-instagram"></a></li>
				  <li><a href="#" class="fa fa-youtube"></a></li>
				</ul>

далее зайдите в main.css - найдите:

#header .header-right .header-right-inner .connect-us li a {display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 20px;border: 1px solid #dfdfdf;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;color: #c9c9c9;}

замените на:

#header .header-right .header-right-inner .connect-us li a, #header .header-right .header-right-inner .connect-us li i{display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 20px;border: 1px solid #dfdfdf;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;color: #c9c9c9;}
#header .header-right .header-right-inner .connect-us li.c-phone a {width: auto;border: none;margin-left:10px;margin-right: 20px;}

Вопросы работы сервиса StoreLand → Дизайн → Шаблон Бистро → Корзина → Добавление В Корзину С Внешней Стороны Автор Гость_javaca_* , 16 июня 2023 корзина	0 Ответов 129 Просмотров	javaca 16 июня 2023
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Техно → Страница товара → Добавить Название Модификации При Добавлении В Корзину Автор Гость_like.hornet.6_* , 09 июня 2022 модификация, корзина	4 Ответов 891 Просмотров	like.hornet.6 10 июня 2022
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Техно → Корзина → Восстановить Корзину Автор Гость_alexfeb27_* , 20 дек. 2021 корзина	4 Ответов 539 Просмотров	admin 03 авг. 2022
Повышение продаж, продвижение → SEO → Страницы В Поиске Автор Гость_NykRym_* , 28 янв. 2021 поиск, SEO	1 Ответ 963 Просмотров	Vaccina 28 янв. 2021
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Спорт → Главная → Вывод Окна Поиска В Шапке Под Заголовками Меню Автор Гость_metry_* , 23 янв. 2021 поиск	0 Ответов 618 Просмотров	metry 23 янв. 2021

#1 Sharlex

#2 Sharlex

#3 Mr.Nito

#4 Sharlex

#5 agkostin

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

#6 Vaccina

Темы с аналогичным тегами главная, поиск, корзина, меню

Добавление В Корзину С Внешней Стороны

Добавить Название Модификации При Добавлении В Корзину

Восстановить Корзину

Страницы В Поиске

Вывод Окна Поиска В Шапке Под Заголовками Меню

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

Google поиск

Перенести Блок -Поиск- В Верхнюю Часть Шапки

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

Темы с аналогичным тегами главная, поиск, корзина, меню

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

Войти

Google поиск