Добрый день!
Подскажите пожалуйста, как сделать следующие изменения:
1) Перенести номер телефона и адрес почты из верхнего левого угла на место строки "поиск по сайту" (телефон выше, почту под него)
2) увеличить растояние между иконками под слайдером. Одну из них я удалил, теперь нужно выровнить оставшиеся.
Заранее благодарю за ответ! Аккаунт SL-434797, тема Лазурь
0
Изменение В Дизайне
Автор Danila_T, 01 февр. 2018 15:44
В теме одно сообщение
#1
Отправлено 01 Февраль 2018 - 15:44
#2
Отправлено 02 Февраль 2018 - 08:40
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
перенесите его поставив вместо:
далее найдите:
замените на:
Далее зайдите в main.css - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<ul class="contact-us-now"> {% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{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>
перенесите его поставив вместо:
<form id="search_mini_form" action="{SEARCH_URL}" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;"> <div class="form-search"> <input type="text" name="q" value="{SEARCH_QUERY}" class="inputText" placeholder="Поиск по магазину..."> <input type="hidden" name="goods_search_field_id" value="0"> <button type="submit" title="Искать" class="button search-submit"></button> </div> </form>
далее найдите:
<!-- Баннеры --> {% IF index_page %} <div id="topsl" class="wrap"> <div class="container"> <div class="row"> <div class="block free-shipping col-sm-3 col-sms-6 col-smb-12"> <div class="block-title"><span>Быстрая доставка</span></div> <div class="block-content"></div> </div> <div class="block money-back col-sm-3 col-sms-6 col-smb-12"> <div class="block-title"><span>30 дней гарантия на все товары</span></div> <div class="block-content"></div> </div> <div class="block orders-247 col-sm-3 col-sms-6 col-smb-12"> <div class="block-title"><span>Прием заказов 24/7</span></div> <div class="block-content"></div> </div> </div> </div> </div> </div> {% ENDIF %} <!-- /END Баннеры -->
замените на:
<!-- Баннеры --> {% IF index_page %} <div id="topsl" class="wrap"> <div class="container"> <div class="row"> <div class="block free-shipping col-sm-4 col-sms-6 col-smb-12"> <div class="block-title"><span>Быстрая доставка</span></div> <div class="block-content"></div> </div> <div class="block money-back col-sm-4 col-sms-6 col-smb-12"> <div class="block-title"><span>30 дней гарантия на все товары</span></div> <div class="block-content"></div> </div> <div class="block orders-247 col-sm-4 col-sms-6 col-smb-12"> <div class="block-title"><span>Прием заказов 24/7</span></div> <div class="block-content"></div> </div> </div> </div> </div> </div> {% ENDIF %} <!-- /END Баннеры -->
Далее зайдите в 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?design=azure") 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;}
замените на:
#header ul.contact-us-now {z-index: 2;list-style: none;margin: 0;padding:0;} #header ul.contact-us-now li {display: block;line-height: 36px;padding-left: 28px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png?design=azure") no-repeat left -1px;font-size: 92%;} #header ul.contact-us-now li.c-phone {background-position: left -36px;padding-left: 26px;} #header ul.contact-us-now li label {float: left;line-height: 36px;margin: 0 5px 0 0;color: #909090;} #header ul.contact-us-now li.c-phone.hide {display:none;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных