denis2492 (10 Октябрь 2016 - 02:11) писал:
Здравствуйте! Помогите решить следующие вопросы :
1.как перенести номер телефона в левую часть
2.как добавить время работы и адрес в шапку сайта
3.Сделать 2 картинки в двух частях шапки (т.е. я так понимаю что для того что бы воплотить шапку как на скриншоте надо создать две отдельные картинки)
4.Перенести обратный звонок в шапку
Здравствуйте,
1. В файле main.css найдите строку:
.container .cols.col-4{width:33.333333333%;}
Замените ее на:
.container .cols.col-4{width:33.333333333%; float:right;}
2. В файле HTML найдите строки №99,100:
{% ENDIF %}
<!--END Первый контактный телефон -->
После них вставьте:
<!-- Время работы магазина -->
{% IF SETTINGS_STORE_WORK_TIME %}
<div class="fwork-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}" style="color:white; font-weight:bold;">
<span class="mark" title="Наш адрес">Волгоградский проспект 32стр.10 <br /></span>
<span class="mark">Время работы:</span> {SETTINGS_STORE_WORK_TIME}
</div>
{% ENDIF %}
<!--END Время работы магазина -->
3. В файле HTML найдите строки:
<div class="globalWrap">
<div class="container">
<div class="header theme-color">
<div class="row">
<div class="cols col-12">
<div class="logo">
<a href="http://{NET_DOMAIN}">
<img src="{ASSETS_IMAGES_PATH}logo.png?design=chameleon"/>
</a>
</div><!--END logo-->
</div><!--END cols col-12-->
</div><!--END row-->
<div class="row2 theme-color">
<div class="cols col-4">
<div id="search">
</form>
</div><!--END search-->
<!-- Первый контактный телефон -->
Замените на:
<div class="globalWrap">
<div class="container">
<div class="header theme-color">
<div class="row">
<div class="cols col-12">
<div class="logo">
<a href="http://{NET_DOMAIN}">
<img class="logo2" src="{ASSETS_IMAGES_PATH}logo2.png?design=chameleon"/>
</a>
</div><!--END logo-->
</div><!--END cols col-12-->
</div><!--END row-->
<div class="row2 theme-color">
<div class="cols col-4 logof">
<img class="logo1" src="{ASSETS_IMAGES_PATH}logo.png?design=chameleon" />
</div>
<div class="cols col-4">
<div id="search">
</form>
</div><!--END search-->
<!-- Первый контактный телефон -->
В конце файла main.css добавьте строки:
.logo2 {padding-bottom:50px; padding-top:50px;}
.logo1 {position:relative; z-index:10;}
.logof {float:left !important;}
@media all and (max-width: 1199px) {
.logof {display:none;}
.logo2 {padding-right: 200px;}
}
@media all and (max-width: 600px) {
.header {height:180px;}
}
Для адаптивности, при небольших экранах приходится скрывать первый логотип, если вы хотите оставить его , сообщите нам.
Далее загрузите к себе прикрепленные изображения (
logo.png замените существующий файл,
logo2.png загрузите.)
4. Уточните, в данный момент в подвале сайта обратный звонок у вас в раскрытой форме, вы хотите добавить надпись *Обратный звонок* нажав на которую появляется окно для заполнения этой формы ?
Прикрепленные изображения