Оформление Шапки
#1
Отправлено 23 Июнь 2017 - 02:20
Помогите пожалуйста реализовать идею с оформлением шапки.
1) Баннер с права отключаем и убираем совсем
2) Файл прикрепил что хотим сделать
Желательно чтобы телефоны шли в той последовательности как в файле. Страница Медиа пока в разработке но ее учитываем тоже при оформлении.
Хотелось так же чтобы эти данные были более выделены.
Спасибо
С уважением,
Аккаунт SL-396103
#2
Отправлено 23 Июнь 2017 - 09:37
Александр19850630 (23 Июнь 2017 - 02:20) писал:
Помогите пожалуйста реализовать идею с оформлением шапки.
1) Баннер с права отключаем и убираем совсем
2) Файл прикрепил что хотим сделать
Желательно чтобы телефоны шли в той последовательности как в файле. Страница Медиа пока в разработке но ее учитываем тоже при оформлении.
Хотелось так же чтобы эти данные были более выделены.
Спасибо
С уважением,
Аккаунт SL-396103
Здравствуйте.
К сожалению к вашему сообщению не был прикреплён требуемый файл с описанием требуемых вам изменений.
Пожалуйста, повторите его загрузку снова.
Спасибо.
#5
Отправлено 27 Июнь 2017 - 06:49
Александр19850630 (23 Июнь 2017 - 02:20) писал:
Помогите пожалуйста реализовать идею с оформлением шапки.
1) Баннер с права отключаем и убираем совсем
2) Файл прикрепил что хотим сделать
Желательно чтобы телефоны шли в той последовательности как в файле. Страница Медиа пока в разработке но ее учитываем тоже при оформлении.
Хотелось так же чтобы эти данные были более выделены.
Александр19850630 (27 Июнь 2017 - 02:05) писал:
Второй вопрос после шапки. Как можно вернуть базовый слайдер как в шаблоне по умолчанию ?
Чтобы он находился под шапкой и как можно регулировать его размер по высоте ?
Спасибо
С уважением,
Аккаунт SL-396103
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="col-md-5 col-xs-12 logo-block"> <div id="logo"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=sport" alt="{SETTINGS_STORE_NAME}"></a> </div> </div> <div class="col-md-3 col-xs-12"> <div class="head-mobile"> {% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o"> </em><span class="ft-content">{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone"> </em> <span class="ft-content"> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"> <span style="font-size:22px;">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}</span> <br><span>звонок бесплатный</span> </a> </span> </p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="phone"><em class="fa fa-phone"> </em> <span class="ft-content"> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}"> <span style="font-size:22px;">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}</span> </a> </span> </p>{% ENDIF %} <p><a href="http://{NET_DOMAIN}/callback?only_body=1" class="callback fancybox.ajax button">Заказать звонок</a></p> <script> $(document).ready(function() { $(".callback").fancybox({ maxWidth : 300, maxHeight : 330, fitToView : false, width : '70%', height : '70%', autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none' }); }); </script> {% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope"> </em><span class="ft-content"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %} {% IF SETTINGS_STORE_SKYPE %}<p class="skype"><em class="fa fa-skype"> </em><span class="ft-content"><a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></span></p>{% ENDIF %} </div> </div> <div class="col-md-4"> <!-- Slider Слайдер --> <div id="slideshow"> <div class="preloader"><span class="content-loading"></span></div> <div id="slider" class="owl-carousel owl-theme"> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide0.jpg?design=sport" /></a> </div> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a> </div> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=sport" /></a> </div> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide4.jpg?design=sport" /></a> </div> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide6.jpg?design=sport" /></a> </div> </div> </div> <!-- /END Slider Слайдер --> </div>
замените на:
<div class="col-md-5 col-xs-12 logo-block"> <div id="logo"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=sport" alt="{SETTINGS_STORE_NAME}"></a> </div> </div> <div class="col-md-3 col-xs-12"> <div class="head-mobile"> <p>Режим работы по мск времени</p> <p>Пн-Пт: 09.00-18.00</p> <p>Сб: 09.00-15.00</p> <p>Вс: выходной</p> <p><a href="http://{NET_DOMAIN}/callback?only_body=1" class="callback fancybox.ajax button">Заказать звонок</a></p> <script> $(document).ready(function() { $(".callback").fancybox({ maxWidth : 300, maxHeight : 330, fitToView : false, width : '70%', height : '70%', autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none' }); }); </script> </div> </div> <div class="col-md-4"> <div class="head-mobile"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone"> </em> <span class="ft-content"> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"> <span style="font-size:22px;">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}</span> </a> </span> </p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="phone"><em class="fa fa-phone"> </em> <span class="ft-content"> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}"> <span style="font-size:22px;">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}</span> </a> </span> </p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p class="phone"><em class="fa fa-phone"> </em> <span class="ft-content"> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}"> <span style="font-size:33px;">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}</span> </a> </span> </p>{% ENDIF %} {% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope"> </em><span class="ft-content"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %} </div> </div>
Далее найдите:
{% ENDIF %} <!-- /END Хлебные крошки --> <div class="container"> <div class="row"> {% IF index_page %} <div class="col-md-9 col-xs-12 col-right">
после него вставьте:
<!-- Slider Слайдер --> <div id="slideshow"> <div class="preloader"><span class="content-loading"></span></div> <div id="slider" class="owl-carousel owl-theme"> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide0.jpg?design=sport" /></a> </div> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a> </div> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=sport" /></a> </div> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide4.jpg?design=sport" /></a> </div> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide6.jpg?design=sport" /></a> </div> </div> </div> <!-- /END Slider Слайдер -->
#6
Отправлено 27 Июнь 2017 - 21:33
1) Как добавить описание к телефону с боку каждого телефона ? Фото прикрепил
2) Слайдер заработал, как бы сделать так чтобы изображения выходили по середине а не с левого бока ? Второй вопрос какое самое оптимальное разрешение картинок под данный вид слайдера ?
3) Как бы выровнять, Режим работы по середине ? ПН- ВТ и как его по возможности его редактировать ?
Спасибо
С уважением,
Аккаунт SL-396103
#7
Отправлено 28 Июнь 2017 - 06:37
1.Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone"> </em> <span class="ft-content"> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"> <span style="font-size:22px;">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}</span> </a> </span> </p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="phone"><em class="fa fa-phone"> </em> <span class="ft-content"> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}"> <span style="font-size:22px;">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}</span> </a> </span> </p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p class="phone"><em class="fa fa-phone"> </em> <span class="ft-content"> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}"> <span style="font-size:33px;">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}</span> </a> </span> </p>{% ENDIF %}замените на:
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone"> </em> <span class="ft-content"> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"> <span style="font-size:22px;">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}</span> </a> <span style="margin-left:10px;">Описание 1</span> </span> </p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="phone"><em class="fa fa-phone"> </em> <span class="ft-content"> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}"> <span style="font-size:22px;">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}</span> </a> <span style="margin-left:10px;">Описание 2</span> </span> </p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p class="phone"><em class="fa fa-phone"> </em> <span class="ft-content"> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}"> <span style="font-size:33px;">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}</span> </a> <span style="margin-left:10px;">Описание 3</span> </span> </p>{% ENDIF %}Измените текст "Описание1-3" на необходимый.
2. Слайдер у вас сейчас заполняет все пространство правой колонки. Загружайте слайды в длину 848px.
3. Уточните пожалуйста, вам необходимо весь блок пердвинуть правее?
#8
Отправлено 28 Июнь 2017 - 18:52
#9
Отправлено 28 Июнь 2017 - 23:50
Второй вопрос, есть ли возможность увеличить шрифт описания телефонов сделать побольше и пожирнее ?
На счет времени понял, можно его как то выделить, а то смотрится бледненько )
Спасибо
С уважением,
Аккаунт SL-396103
#10
Отправлено 29 Июнь 2017 - 09:40
<div class="head-mobile"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone"> </em> <span class="ft-content"> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"> <span style="font-size:22px;">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}</span> </a> <span style="margin-left:10px;">Общие вопросы</span> </span> </p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="phone"><em class="fa fa-phone"> </em> <span class="ft-content"> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}"> <span style="font-size:22px;">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}</span> </a> <span style="margin-left:10px;">Запасные части</span> </span> </p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p class="phone"><em class="fa fa-phone"> </em> <span class="ft-content"> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}"> <span style="font-size:33px;">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}</span> </a> <span style="margin-left:10px;">Доступная среда</span> </span> </p>{% ENDIF %} {% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope"> </em><span class="ft-content"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %} </div>
замените на:
<div class="head-mobile"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone"> </em> <span class="ft-content"> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"> <span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}</span> </a> <span style="margin-left:10px;">Общие вопросы</span> </span> </p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="phone"><em class="fa fa-phone"> </em> <span class="ft-content"> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}"> <span>{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}</span> </a> <span style="margin-left:10px;">Запасные части</span> </span> </p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p class="phone"><em class="fa fa-phone"> </em> <span class="ft-content"> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}"> <span style="font-size:33px;">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}</span> </a> <span style="margin-left:10px;">Доступная среда</span> </span> </p>{% ENDIF %} {% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope"> </em><span class="ft-content"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a> Электронная почта</span></p>{% ENDIF %} </div>
далее найдите:
<p>Режим работы по мск. времени</p> <p>Пн-Пт: 09.00-19.00</p> <p>Сб: 09.00-15.00</p> <p>Вс: выходной</p>
замените на:
<p>Режим работы по мск. времени</p> <p class="time" >Пн-Пт: <span>09.00-19.00</span></p> <p class="time" >Сб: <span>09.00-15.00</span></p> <p class="time">Вс:<span> выходной</span></p>
далее зайдите в Редактор шаблонов-->main.css и в конце кода вставьте:
.head-mobile p.phone span.ft-content a {font-size:22px;font-weight:bold;} p.time span{text-decoration:underline; font-weight:600;}
#11
Отправлено 30 Июнь 2017 - 01:23
С уважением,
Аккаунт SL-396103
#13
Отправлено 04 Июль 2017 - 09:34
Escape (04 Июль 2017 - 08:42) писал:
Укажите,пожалуйста, номер Вашего аккаунта или адрес сайта.
В бэк-офисе после вкладки настройки, последней вкладкой, у Вас указан номер Вашего аккаунта в формате SL-XXXXXX.
Укажите его в профиле аккаунта на форуме в разделе "Информация - Номер аккаунта", чтобы мы могли иметь актуальную информацию о вашем сайте.
#14
Отправлено 04 Июль 2017 - 10:31
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных