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


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

главная поиск корзина меню

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

#1 Sharlex

Sharlex

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

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

Отправлено 11 Январь 2018 - 15:32

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

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

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

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

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

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

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

search.png




SL-416251

#2 Sharlex

Sharlex

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

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

Отправлено 12 Январь 2018 - 10:12

ап

#3 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 337 сообщений

Отправлено 12 Январь 2018 - 10:30

Просмотр сообщения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

#4 Sharlex

Sharlex

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

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

Отправлено 12 Январь 2018 - 10:41

Большое спасибо!

#5 agkostin

agkostin

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

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

Отправлено 27 Декабрь 2018 - 15:39

Добрый день!

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

Скриншот прилагаю.

1) Изменить местоположение "поиск по магазину"
2) Изменить местоположение номера телефона
3) Изменить местоположение иконок социальных сетей

Аккаунт SL-464096

Спасибо!

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

  • Пример.jpg


#6 Vaccina

Vaccina

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

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

Отправлено 28 Декабрь 2018 - 01:28

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

Зайдите в раздел Сайт - Редактор шаблонов - 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;}






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

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

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