Прошу подсказать, как реализовать
1. В шапку добавить блок для телефона, названия магазина и адреса
2. сдвинуть поле поиска чуть правее
0
Изменение Шапки, Не Хватает Информативности)
Автор explosive, 26 февр. 2016 22:18
Сообщений в теме: 4
#1
Отправлено 26 Февраль 2016 - 22:18
#2
Отправлено 27 Февраль 2016 - 02:43
В шаблоне HTML перед:
вставьте:
В main.css найдите:
замените на:
<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> <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> {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; }
#3
Отправлено 10 Март 2016 - 11:40
Спасибо! То, что нужно!
#5
Отправлено 27 Март 2016 - 20:57
Василера (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> {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 = '';"/> <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; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных