1. помогите перенести телефон и почту как указано на фото
2. сделать поиск длинее
3 убрать нули на иконках "корзина" и"сравнение" если нет позиций.
0
Перенести Телефон И Почту В Шапке И Еще Несколько Вопросов
Автор a.korkishko, 24 марта 2016 12:58
Сообщений в теме: 3
#1
Отправлено 24 Март 2016 - 12:58
#2
Отправлено 24 Март 2016 - 15:53
a.korkishko (24 Март 2016 - 12:58) писал:
1. помогите перенести телефон и почту как указано на фото
2. сделать поиск длинее
3 убрать нули на иконках "корзина" и"сравнение" если нет позиций.
2. сделать поиск длинее
3 убрать нули на иконках "корзина" и"сравнение" если нет позиций.
Здравствуйте, перед изменениями создайте бекап шаблона.
1) В шаблоне HTML найдите код:
<div class="topheader-left col-xs-5"> <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> <div class="topheader-right col-xs-7">
и замените на код:
<div class="topheader-right col-xs-12">
далее там же найдите код:
<!-- Logo --> <div id="logo" class="col-xs-4"> <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/"> <img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}"> </a> </div> <!-- END: Logo --> <div class="header-right col-xs-8">
и замените на код:
<!-- Logo --> <div id="logo" class="col-xs-3"> <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/"> <img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}"> </a> </div> <div class="col-xs-3"> <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> <!-- END: Logo --> <div class="header-right col-xs-6">
и в 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") 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;}
замените на код:
ul.contact-us-now {z-index: 2;list-style: none;margin: 0;padding:0;} ul.contact-us-now li {display: inline-block;float: left;line-height: 36px;margin-left: 15px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat left -1px;font-size: 92%;} ul.contact-us-now li:first-child {margin-left: 0px;} ul.contact-us-now li.c-phone {background-position: left -36px;padding-left: 26px;} ul.contact-us-now li label {float: left;line-height: 36px;margin: 0 5px 0 0;color: #909090;} ul.contact-us-now li.c-phone.hide {display:none;}
2) В main.css найдите код:
#header .header-right .header-right-inner #search_mini_form .form-search input.inputText, #menu .nav-right .block-search #search_mini_form2 .form-search input.inputText {font-size: 12px;height:auto;line-height:20px;width: 370px;padding: 10px 20px;border: 1px solid #d8d8d8;border-radius: 22px;-webkit-border-radius: 22px;-moz-border-radius: 22px;}
в этом коде у свойства width увеличивайте значение до нужного Вам.
3) В шаблоне HTML код:
<span class="compare-num">{COMPARE_GOODS_COUNT}</span>
замените на код:
<span class="compare-num" {% IF COMPARE_GOODS_COUNT = 0 %} style="display:none;"{%ENDIF%}>{COMPARE_GOODS_COUNT}</span>
и код:
<span class="cart-count">{CART_COUNT_TOTAL}</span>
замените на код:
<span class="cart-count" {% IF CART_COUNT_TOTAL = 0 %} style="display:none;"{%ENDIF%}>{CART_COUNT_TOTAL}</span>
#3
Отправлено 24 Март 2016 - 16:29
Спасибо большое. а подскажите как расположить адрес почты ниже телефона?
и как увеличить шрифт телефона и почты?
и как увеличить шрифт телефона и почты?
#4
Отправлено 24 Март 2016 - 17:09
a.korkishko (24 Март 2016 - 16:29) писал:
Спасибо большое. а подскажите как расположить адрес почты ниже телефона?
и как увеличить шрифт телефона и почты?
и как увеличить шрифт телефона и почты?
Изменения Вам произвела, посмотрите, чтобы увеличить шрифт, в main.css найдите код:
ul.contact-us-now li {display:block;line-height: 36px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat left -1px;font-size: 92%;}
изменяйте значение 92% (оно может быть больше 100%) до нужного Вам размера.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных