В теме одно сообщение

[ukraintsef]

помогите контакты поместить выше меню,а меню чтоб вмещалось на всю длинну , и на телефон и эмейл добавить быстрый просмотр при меньшем экране, как на скриншотах!

SL-378530

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

• 
• 

[Юля123]

ukraintsef (03 Март 2016 - 19:14) писал:

помогите контакты поместить выше меню,а меню чтоб вмещалось на всю длинну , и на телефон и эмейл добавить быстрый просмотр при меньшем экране, как на скриншотах!

SL-378530

Здравствуйте, в шаблоне HTML код:

<div class="topheader-left col-md-6 col-sms-3 col-smb-6">

замените на код:

<div class="topheader-left col-md-12 col-sms-3 col-smb-6">

далее найдите и удалите код:

			<div class="topheader-right col-md-6 col-sms-9 col-smb-6">
						  <ul class="contact-us-now">
								{% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:support@nova.com">{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>

далее после кода:

					<button type="submit" title="Искать" class="button search-submit"></button>
				  </div>
				</form>
			  </div>

добавьте код:

						  <div class="topheader-right">
						  <ul class="contact-us-now">
								{% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:support@nova.com">{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>

далее в main.css найдите код:

#header-top .topheader-right {float:right;padding-left: 90px;}
#header-top .topheader-right ul.contact-us-now {z-index: 2;list-style: none;margin: 0;padding:0;}
#header-top .topheader-right ul.contact-us-now li {display: inline-block;float: left;line-height: 36px;margin-left: 14px;padding-left: 26px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat left -1px;font-size: 105%;font-weight: bold;color: #ffffff;}
#header-top .topheader-right ul.contact-us-now li:first-child {margin-left: 0px;}
#header-top .topheader-right ul.contact-us-now li.c-phone {background-position: left -36px;padding-left: 26px;}
#header-top .topheader-right ul.contact-us-now li.c-phone.hide {display:none;}

и замените на код:

.topheader-right {float:right;padding-left: 90px;margin-top: 80px;}
.topheader-right ul.contact-us-now {z-index: 2;list-style: none;margin: 0;padding:0;}
.topheader-right ul.contact-us-now li {display: inline-block;float: left;line-height: 36px;margin-left: 14px;padding-left: 26px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat left -1px;font-size: 105%;font-weight: bold;color: #ffffff;}
.topheader-right ul.contact-us-now li:first-child {margin-left: 0px;}
.topheader-right ul.contact-us-now li.c-phone {background-position: left -36px;padding-left: 26px;}
ul.contact-us-now li a {
	color: #fff;
}
.topheader-right ul.contact-us-now li.c-phone.hide {display:none;

далее в конце main.css добавьте код:

.block.contact-list {
	cursor: pointer;
	text-transform: none;
	position: relative;
	padding: 0;
	height: 49px;
	width: 49px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat center -29px;
		right: 126px;
		display:none;
}
ul.contact-us {
	list-style: none;
	padding-left: 5px;
	font-size: 14px;
}
.dropdown-contact{
	background: #fff;
	z-index: 10000;
	width: 181px;
	text-align: center;
	position: absolute;
	top: 48px;
	border-radius: 12px;
	opacity: 0;
}
.block.contact-list:hover .dropdown-contact {
	opacity: 1 !important;
}

в шаблоне HTML  после кода:

	<div class="bottom-action actions">
						  <a class="button remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить</a>
						  <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a>
						</div>
					  </div>
					</div>
				  </div>

добавьте код:

<div class="block contact-list">
					<div class="block-content dropdown-contact">
												<ul class="contact-us">
								{% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:support@nova.com">{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>

далее в main.css после кода:

@media all and (max-width: 767px) {

добавьте код:

  .block.contact-list{display:block;}
ul.contact-us-now {
	display: none;
}