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

[a.korkishko]

1. помогите перенести телефон и почту как указано на фото
2. сделать поиск длинее
3 убрать нули на иконках "корзина" и"сравнение" если нет позиций.

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

• 

[Юля123]

a.korkishko (24 Март 2016 - 12:58) писал:

1. помогите перенести телефон и почту как указано на фото
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>

[a.korkishko]

Спасибо большое. а подскажите как расположить адрес почты ниже телефона?
и как увеличить шрифт телефона и почты?

[Юля123]

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%) до нужного Вам размера.