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


Изменение В Дизайне


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

#1 Danila_T

Danila_T

    Новичок

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

Отправлено 01 Февраль 2018 - 15:44

Добрый день!

Подскажите пожалуйста, как сделать следующие изменения:

1) Перенести номер телефона и адрес почты из верхнего левого угла на место строки "поиск по сайту" (телефон выше, почту под него)
2) увеличить растояние между иконками под слайдером. Одну из них я удалил, теперь нужно выровнить оставшиеся.

Заранее благодарю за ответ! Аккаунт SL-434797, тема Лазурь

#2 Vaccina

Vaccina

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

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

Отправлено 02 Февраль 2018 - 08:40

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<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>
            
перенесите его поставив вместо:
<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>
                
                
далее найдите:
<!-- Баннеры -->
	  {% IF index_page %}
	  <div id="topsl" class="wrap">
		<div class="container">
		  <div class="row">
			<div class="block free-shipping col-sm-3 col-sms-6 col-smb-12">
			  <div class="block-title"><span>Быстрая доставка</span></div>
			  <div class="block-content"></div>
			</div>
				 <div class="block money-back col-sm-3 col-sms-6 col-smb-12">
				   <div class="block-title"><span>30 дней гарантия на все товары</span></div>
				   <div class="block-content"></div>
				 </div>
				 <div class="block orders-247 col-sm-3 col-sms-6 col-smb-12">
				   <div class="block-title"><span>Прием заказов 24/7</span></div>
				   <div class="block-content"></div>
			</div>
			</div>
		  </div>
		</div>
	  </div>
	  {% ENDIF %}
	  <!-- /END Баннеры -->
      
      
замените на:
<!-- Баннеры -->
	  {% IF index_page %}
	  <div id="topsl" class="wrap">
		<div class="container">
		  <div class="row">
			<div class="block free-shipping col-sm-4 col-sms-6 col-smb-12">
			  <div class="block-title"><span>Быстрая доставка</span></div>
			  <div class="block-content"></div>
			</div>
				 <div class="block money-back col-sm-4 col-sms-6 col-smb-12">
				   <div class="block-title"><span>30 дней гарантия на все товары</span></div>
				   <div class="block-content"></div>
				 </div>
				 <div class="block orders-247 col-sm-4 col-sms-6 col-smb-12">
				   <div class="block-title"><span>Прием заказов 24/7</span></div>
				   <div class="block-content"></div>
			</div>
			</div>
		  </div>
		</div>
	  </div>
	  {% ENDIF %}
	  <!-- /END Баннеры -->
                
Далее зайдите в main.css - найдите:
#header-top .topheader-left ul.contact-us-now {z-index: 2;list-style: none;margin: 0;padding:0;}
#header-top .topheader-left ul.contact-us-now li {display: inline-block;float: left;line-height: 36px;margin-left: 15px;padding-left: 28px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png?design=azure") no-repeat left -1px;font-size: 92%;}
#header-top .topheader-left ul.contact-us-now li:first-child {margin-left: 0px;}
#header-top .topheader-left ul.contact-us-now li.c-phone {background-position: left -36px;padding-left: 26px;}
#header-top .topheader-left ul.contact-us-now li label {float: left;line-height: 36px;margin: 0 5px 0 0;color: #909090;}
#header-top .topheader-left ul.contact-us-now li.c-phone.hide {display:none;}

замените на:
#header ul.contact-us-now {z-index: 2;list-style: none;margin: 0;padding:0;}
#header ul.contact-us-now li {display: block;line-height: 36px;padding-left: 28px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png?design=azure") no-repeat left -1px;font-size: 92%;}
#header ul.contact-us-now li.c-phone {background-position: left -36px;padding-left: 26px;}
#header ul.contact-us-now li label {float: left;line-height: 36px;margin: 0 5px 0 0;color: #909090;}
#header ul.contact-us-now li.c-phone.hide {display:none;}





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

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