Опубликовано: 2 ноября 2015
Как добавить третий номер телефона в шапку?
У меня в Магазине 3 номера телефона, хотелось бы отобразить и третий, но так как и предыдущие два?
Опубликовано: 2 ноября 2015
У меня в Магазине 3 номера телефона, хотелось бы отобразить и третий, но так как и предыдущие два?
|
||||
Дорогие друзья!К сожалению, Ваш браузер не поддерживает современные технологии используемые на нашем сайте. | ||||
Пожалуйста, обновите браузер, скачав его по ссылкам ниже, или обратитесь к системному администратору, обслуживающему Ваш компьютер. | ||||
Internet Explorer от Microsoft |
Chrome от Google |
Safari от Apple |
Opera от Opera Software |
Firefox от Mozilla |
Комментарии (1)
3-й блок с телефоном, не уместится на одной линии с другими телефонами
либо разместить 3-й номер вместо блока адреса
1. в файле "phones.html",
перед строкой
</ul>
добавить код
<li>
<a href="tel:88003214144">8 (800) 321-41-44</a>
<span class="hint">Бесплатные звонки по РФ</span>
</li>
2. в файле "index.html"
заменить блок
{if !empty($theme_settings.address) || $wh}
<div class="col-grid l4 el3 hide-on-med-and-down offline align-right{if empty($theme_settings.phone_1) && empty($theme_settings.phone_2)} offset-l4 offset-el5{/if}">
{include file="offline.html" inline}
</div>
{/if}
на
{*if !empty($theme_settings.address) || $wh}
<div class="col-grid l4 el3 hide-on-med-and-down offline align-right{if empty($theme_settings.phone_1) && empty($theme_settings.phone_2)} offset-l4 offset-el5{/if}">
{include file="offline.html" inline}
</div>
{/if*}
3. в файле "index.html"
заменить строку
<div class="col-grid m6 l4 el5 hide-on-small-and-down align-{if !empty($theme_settings.address) || $wh}center{else}right{/if} align-right-on-med-and-down{if empty($theme_settings.address) && !$wh} offset-l4 offset-el3{/if}">
на
<div class="col-grid m6 l4 el8 hide-on-small-and-down align-right align-right-on-med-and-down">
4. увеличиваем высоту шапки для экранов меньшего размера
в пользовательских стилях
прописываем правило
@media only screen and (min-width: 993px) and (max-width:1200px){
.header-line.alfa-background {
height: 180px;
line-height: 180px;
}
}
либо разместить 3-й номер под 2-мя предыдущими:
1. сделайте пункт 1-й указанный выше
2. увеличиваем высоту шапки для экранов меньшего размера
в пользовательских стилях
прописываем правило
@media only screen and (min-width: 993px) and (max-width:1390px){
.header-line.alfa-background {
height: 180px;
line-height: 180px;
}
}