помогите контакты поместить выше меню,а меню чтоб вмещалось на всю длинну , и на телефон и эмейл добавить быстрый просмотр при меньшем экране, как на скриншотах!
SL-378530
1
Меню На Всю Длинну,быстрый Просмотр Телефона
Автор ukraintsef, 03 марта 2016 19:14
В теме одно сообщение
#1
Отправлено 03 Март 2016 - 19:14
#2
Отправлено 04 Март 2016 - 10:18
ukraintsef (03 Март 2016 - 19:14) писал:
помогите контакты поместить выше меню,а меню чтоб вмещалось на всю длинну , и на телефон и эмейл добавить быстрый просмотр при меньшем экране, как на скриншотах!
SL-378530
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; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных