Изменения В Шапке
#1
Отправлено 19 Декабрь 2016 - 01:57
Подскажите как сделать:
1.Убрать верхнюю красную полоску
2.Верхнее меню расположить прямо над слайдером
3.Переместить телефон и корзину
4. Строку с поиском поместить над каталогом на главной странице
#2
Отправлено 19 Декабрь 2016 - 15:40
artdecor (19 Декабрь 2016 - 01:57) писал:
Подскажите как сделать:
1.Убрать верхнюю красную полоску
2.Верхнее меню расположить прямо над слайдером
3.Переместить телефон и корзину
4. Строку с поиском поместить над каталогом на главной странице
#4
Отправлено 21 Декабрь 2016 - 19:07
artdecor (19 Декабрь 2016 - 22:45) писал:
Еще пару вопросов:
Переместить блок с телефонами как на скрине
А корзину в правый верхний угол
Здравствуйте.
В данном случае, если я вас правильно понял, то попробуйте, пожалуйста, произвести следующий изменения:
В шаблоне main.css найдите, пожалуйста, данный код:
#header #support { position: relative; float: right; top: 9px; margin-right: 11px; z-index: 30; width: 200px; }
И замените его вот этим вот кодом:
#header #support { position: relative; float: left; top: 9px; margin-left: 43%; z-index: 30; width: 150px; }
#6
Отправлено 13 Август 2017 - 18:21
Ibragim2010 (10 Август 2017 - 23:00) писал:
1. Подскажите пожалуйста, как сделать шапку так, как на картинке?
Аккаунт:SL-398104
Загрузите их в редактор шаблонов через Добавить файлы, получите ссылку на изображение и добавьте её в шаблоне ниже
далее в шаблоне HTML замените
<!-- Контакты --> {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %} <div id="support" title="Звоните, мы проконсультируем вас по любым вопросам"> <h4>Связаться с нами</h4>на
<!-- Контакты --> {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %} <div id="support" title="Звоните, мы проконсультируем вас по любым вопросам"> <h4>Связаться с нами <a href="tel: 8 999 999 99 99"><img src="http://via.placeholder.com/20x20"></a> <a href="tel: 8 999 999 99 99"><img src="http://via.placeholder.com/20x20"></a> </h4>Для добавления надписи в текст
В шаблоне HTML
<!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}"> {SETTINGS_STORE_WORK_TIME}замените на
<!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}"> Ежедневно {SETTINGS_STORE_WORK_TIME}
#7
Отправлено 06 Январь 2018 - 01:03
1) Можно ли убрать значок телефонной трубки (изображение 1)
2) Перенести левее надпись Связаться с нами (изображение 2)
3) Изменить и добавить информацию о связи что бы выглядело в таком формате (изображение 3)
И подскажите пожалуйста где в коде нужно будет вносить изменения в номере телефона, имэиле и времени работы если я захочу цифры и слова изменить.
Буду признателен за ответ и помощь!
(аккаунт SL-429515)
#8
Отправлено 10 Январь 2018 - 06:27
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Контакты --> {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %} <div id="support" title="Звоните, мы проконсультируем вас по любым вопросам"> <h4>Связаться с нами</h4> <span class="sup_phone"></span> <div class="contacts"> <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам"> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <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="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> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <br /> <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="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> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <br /> <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="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> {% ENDIF %} </div> <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}"> {SETTINGS_STORE_WORK_TIME} </div> {% ENDIF %}
замените на:
<!-- Контакты --> {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %} <div id="support" title="Звоните, мы проконсультируем вас по любым вопросам"> <h4>Связаться с нами</h4> <div class="contacts"> <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам"> <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}"> {SETTINGS_STORE_WORK_TIME} </div> {% ENDIF %} <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <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="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> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <br /> <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="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> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <br /> <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="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> {% ENDIF %} </div> {% IF SETTINGS_STORE_EMAIL_MAIN %} <a class="email" href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a> {% ENDIF %}
далее зайдите в main.css - найдите:
#header #support {position: relative;float: right;top: 9px;margin-right: 11px;z-index: 30;width: 200px;} #header #support h4{margin-bottom:0px;font-size:15px;font-weight:bold;}
замените на:
#header #support {position: relative;float: right;top: 9px;margin-right: 11px;z-index: 30;width: 250px;} #header #support h4{margin-bottom:0px;font-size:15px;font-weight:bold;float: left;} #header #support .contacts{float: right;}
Контактные данные вы можете изменить в разделе Настройки - Основные.
#9
Отправлено 11 Январь 2018 - 21:44
Vaccina (10 Январь 2018 - 06:27) писал:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Контакты --> {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %} <div id="support" title="Звоните, мы проконсультируем вас по любым вопросам"> <h4>Связаться с нами</h4> <span class="sup_phone"></span> <div class="contacts"> <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам"> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <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="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> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <br /> <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="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> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <br /> <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="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> {% ENDIF %} </div> <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}"> {SETTINGS_STORE_WORK_TIME} </div> {% ENDIF %}
замените на:
<!-- Контакты --> {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %} <div id="support" title="Звоните, мы проконсультируем вас по любым вопросам"> <h4>Связаться с нами</h4> <div class="contacts"> <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам"> <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}"> {SETTINGS_STORE_WORK_TIME} </div> {% ENDIF %} <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <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="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> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <br /> <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="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> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <br /> <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="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> {% ENDIF %} </div> {% IF SETTINGS_STORE_EMAIL_MAIN %} <a class="email" href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a> {% ENDIF %}
далее зайдите в main.css - найдите:
#header #support {position: relative;float: right;top: 9px;margin-right: 11px;z-index: 30;width: 200px;} #header #support h4{margin-bottom:0px;font-size:15px;font-weight:bold;}
замените на:
#header #support {position: relative;float: right;top: 9px;margin-right: 11px;z-index: 30;width: 250px;} #header #support h4{margin-bottom:0px;font-size:15px;font-weight:bold;float: left;} #header #support .contacts{float: right;}
Контактные данные вы можете изменить в разделе Настройки - Основные.
Большое Вам спасибо за помощь, все получается. Подскажите пожалуйста еще как можно надпись Связаться с нами и где информация контакты, друг к другу ближе разместить, что бы между ними надписью связаться нами и самими контактами расстояние уменьшать регулировать?
#10
Отправлено 12 Январь 2018 - 10:01
#header #support h4{margin-bottom:0px;font-size:15px;font-weight:bold;float: left;}
замените на:
#header #support h4{margin-bottom:0px;font-size:15px;font-weight:bold;float: left;margin-left: 20px;}
- расстояние между надписью и контактами можно регулировать изменяя значение margin-left:
#11
Отправлено 13 Январь 2018 - 00:21
metry (12 Январь 2018 - 10:01) писал:
#header #support h4{margin-bottom:0px;font-size:15px;font-weight:bold;float: left;}
замените на:
#header #support h4{margin-bottom:0px;font-size:15px;font-weight:bold;float: left;margin-left: 20px;}
- расстояние между надписью и контактами можно регулировать изменяя значение margin-left:
Большое спасибо за помощь! Еще вопрос возник в процессе оформления, как можно в то место слов связаться с нами и контактными данными в тот пробел для каждой из строчек контактов вставлять перед ними иконку (изображение 1) как например перед каждым контактом в футере так же стоит иконка телефон, имэил и часики (изображение 2)
Что нужно изменить и добавить в коде дабы я так же в верху сайта мог делать добавляя иконки.
И другой вопрос, в шапке шаблона есть слева вверху надпись, добро пожаловать, что нужно внести из изменений дабы можно было дополнять текст второй строкой ниже? (изображение 3)
#12
Отправлено 19 Январь 2018 - 14:33
Андрей37 (13 Январь 2018 - 00:21) писал:
Что нужно изменить и добавить в коде дабы я так же в верху сайта мог делать добавляя иконки.
И другой вопрос, в шапке шаблона есть слева вверху надпись, добро пожаловать, что нужно внести из изменений дабы можно было дополнять текст второй строкой ниже? (изображение 3)
Текст можно добавить в шаблоне HTML
<a href="{INDEX_PAGE_URL}">Добро пожаловать к Sher!</a> <span class="welcome-text"></span>замените на
<a href="{INDEX_PAGE_URL}">Добро пожаловать к Sher!</a> <span class="welcome-text">ВАШ ТЕКС ЗДЕСЬ</span>
Иконки добавил в шаблоне HTML
<!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}"> <img class="contacts-icon" src="{ASSETS_IMAGES_PATH}footer_time_icon.png?design=spring">
<!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <img class="contacts-icon" src="{ASSETS_IMAGES_PATH}footer_phone_icon.png?design=spring">
{% IF SETTINGS_STORE_EMAIL_MAIN %} <img class="contacts-icon" src="{ASSETS_IMAGES_PATH}mailicon.png">
#13
Отправлено 20 Февраль 2018 - 20:25
Прошу помочь:
1) удалить значок рядом с поисковой строкой
2) добавить кнопки "Вход | Регистрация" на место надписи, указанной на слайде. Размер кнопок такой же, как у надписи.
3) Где в коде я могу поменять цвет верхней розовой полоски?
4) Как сделать переход на категорию меню при нажатии на слайд, расположенный наглавной странице.
#14
Отправлено 21 Февраль 2018 - 10:15
neron (20 Февраль 2018 - 20:25) писал:
Прошу помочь:
1) удалить значок рядом с поисковой строкой
2) добавить кнопки "Вход | Регистрация" на место надписи, указанной на слайде. Размер кнопок такой же, как у надписи.
3) Где в коде я могу поменять цвет верхней розовой полоски?
4) Как сделать переход на категорию меню при нажатии на слайд, расположенный наглавной странице.
1) Значок удалил
2) Добавил в HTML
вместо
<div id="welcome"><a href="{INDEX_PAGE_URL}">Добро пожаловать на сайт!</a></div>код
<div id="welcome"> <a href="login">Вход</a> | <a href="user/register">Регистрация</a> </div>3)Цвет в main.css строка
#header_colapse {position:relative;background-color:#ff0551;color:#ffffff;z-index: 1000;}
4) В HTML
в строке
<a href="#">замените # на свои ссылки
<!-- Главная страница --> {% IF index_page %} <div id="module_area"> <div id="flexslideshow" class="flexslider"> <ul class="slides"> <li> <a href="#"> <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png?design=spring) no-repeat;"></div> <img src="{ASSETS_IMAGES_PATH}slide1.png?design=spring" alt="Slide 1" class="slide_img"> </a> </li> <li> <a href="#"> <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png?design=spring) no-repeat;"></div> <img src="{ASSETS_IMAGES_PATH}slide2.png?design=spring" alt="Slide 2" class="slide_img"> </a> </li> <li> <a href="#"> <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png?design=spring) no-repeat;"></div> <img src="{ASSETS_IMAGES_PATH}slide3.png?design=spring" alt="Slide 3" class="slide_img"> </a> </li> </ul> </div> </div> {% ENDIF %} <!-- /Главная страница -->
#16
Отправлено 21 Февраль 2018 - 18:23
neron (21 Февраль 2018 - 17:27) писал:
Прощу прощения, неправильно указал ссылку
Заменил на
<div id="welcome"> <a href="user/login">Вход</a> | <a href="user/register">Регистрация</a> </div>
#17
Отправлено 21 Февраль 2018 - 19:09
#19
Отправлено 21 Февраль 2018 - 19:55
#20
Отправлено 03 Март 2018 - 22:47
1. Поменять цвет на тёмно-синий
2. Убрать звонок
3. Убрать информацию ("Покупок" и "На сумму")
Фото приложил
SL-444855
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных