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

[explosive]

Прошу подсказать,  как реализовать

1. В шапку добавить блок для телефона, названия магазина и адреса
2. сдвинуть поле поиска чуть правее

[Vaccina]

В шаблоне HTML перед:

<div class="hmright">
				  <div id="cart">

вставьте:

<div class="contactsWrp">						 
			
							<!-- Первый контактный телефон -->
						  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}						 
							<div>
							<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
							  <span class="icon-phone"></span>
								<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
								{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
								{SETTINGS_STORE_PHONE_NUMBER1}
							  </a>
							</div>
						  {% ENDIF %}
						  <!--END Первый контактный телефон -->
						  <!-- Второй контактный телефон -->
						  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
							<div>							 
							  <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">
							  <span class="icon-phone"></span>
								<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
							   {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
							   {SETTINGS_STORE_PHONE_NUMBER2}
							  </a>
							</div>
						  {% ENDIF %}
						  <!--END Второй контактный телефон -->
						  <!-- Третий контактный телефон -->					  
						   {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
							<div>							 
								<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">
								 <span class="icon-phone"></span>
								 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
								 {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
								 {SETTINGS_STORE_PHONE_NUMBER3}
								</a>
							</div>
						  {% ENDIF %}
						  <!--END Третий контактный телефон -->
						  <!-- Контакт Skype -->
							  {% IF SETTINGS_STORE_SKYPE %}
							   <div><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><span class="icon-skype"></span>&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a></div>
							  {% ENDIF %}
						  <!--END Контакт Skype -->
						   <!-- Контакт Skype -->
							  {% IF SETTINGS_STORE_EMAIL_MAIN %}
							   <div><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Свяжитесь с нами по электронной почте"><span class="icon-mail"></span>&nbsp;{SETTINGS_STORE_EMAIL_MAIN}</a></div>
							  {% ENDIF %}
						  <!--END Контакт Skype -->
						  <!-- Номер ICQ на сайте -->
							{% IF SETTINGS_STORE_ICQ %}
							  <div class="ficq">
								<img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
								<span>{SETTINGS_STORE_ICQ}</span>
							  </div>
							{% ENDIF %}
						  <!--END Номер ICQ на сайте -->   
						  <!-- Время работы магазина -->
							{% IF SETTINGS_STORE_WORK_TIME %}
							   <div title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
						   <span class="mark">Время работы:</span> {SETTINGS_STORE_WORK_TIME}
							  </div>
							{% ENDIF %}
						  <!--END Время работы магазина -->
					 
			</div><!--END contactsWrp  -->

В main.css найдите:

.hmright {
	width: 700px;
	float: right;
	height: 120px;
	padding: 25px 0;
}

замените на:

.hmright {
	width: 40%;
	float: right;
	height: 120px;
	padding: 25px 0;
}
.hmwrp .contactsWrp {
	float: left;
}
.hmwrp .contactsWrp div {
	display: block;
	float: none;
	color: #fff;
	font: 20px/40px Arial;
}
.hmwrp .contactsWrp div a {
	color: #fff;
	font-size: 20px;
}

[explosive]

Спасибо! То, что нужно!

[Василера]

Здравствуйте!
Помогите пжл переместить контакты чуть правее, как на фото.
Заранее спасибо!

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

• 

[RedHead]

Василера (27 Март 2016 - 20:50) писал:

Здравствуйте!
Помогите пжл переместить контакты чуть правее, как на фото.
Заранее спасибо!

Здравствуйте. В шаблоне 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>

переместите его, вставив перед строкой:

<div class="contactsWrp"> 

Затем, в шаблоне main.css замените строки:

.hmwrp .contactsWrp {
		float: left;
}

на:

.hmwrp .contactsWrp {
		float: right;
		margin-right: 20px;
}