0
Номер Телефона Или Любой Текст В Шапку
Автор SOGOOD, 16 нояб. 2017 15:35
Сообщений в теме: 7
#1
SOGOOD
-
- Пользователи
-
- 48 сообщений
Пользователь
Отправлено 16 Ноябрь 2017 - 15:35
Добрый день, подскажите как мне добавить текст в шапку.
#2
metry
-
- Модераторы
-
- 884 сообщений
Активный участник
Отправлено 20 Ноябрь 2017 - 10:33
Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->HTML и найдите:
после него вставьте:
далее зайдите в Редактор шаблонов-->main.css и в конец кода вставьте:
<div id="header-logo">
<a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}">
<img class="logo" src="{ASSETS_IMAGES_PATH}logo.png?design=autumn" />
</a>
</div>
после него вставьте:
<div id="header-mob">
<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>
</div>
далее зайдите в Редактор шаблонов-->main.css и в конец кода вставьте:
#header-mob{float:left;margin-top: 80px;font-size: 16px;margin-left: 10px;}
#header-mob a{text-decoration:none;}
#3
SOGOOD
-
- Пользователи
-
- 48 сообщений
Пользователь
Отправлено 20 Ноябрь 2017 - 15:19
metry (20 Ноябрь 2017 - 10:33) писал:
Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->HTML и найдите:
после него вставьте:
далее зайдите в Редактор шаблонов-->main.css и в конец кода вставьте:
<div id="header-logo">
<a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}">
<img class="logo" src="{ASSETS_IMAGES_PATH}logo.png?design=autumn" />
</a>
</div>
после него вставьте:
<div id="header-mob">
<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>
</div>
далее зайдите в Редактор шаблонов-->main.css и в конец кода вставьте:
#header-mob{float:left;margin-top: 80px;font-size: 16px;margin-left: 10px;}
#header-mob a{text-decoration:none;}
Прикрепленные изображения
#4
Ирина345
-
- Модераторы
-
- 5 709 сообщений
Активный участник
Отправлено 20 Ноябрь 2017 - 15:52
sogoodfso (20 Ноябрь 2017 - 15:19) писал:
Пропал логотип
<div class="container"> <div class="column full" id="header"> <div id="header-mob">
замените на
<div class="container">
<div class="column full" id="header">
<div id="header-logo">
<a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}">
<img class="logo" src="{ASSETS_IMAGES_PATH}logo.png?design=autumn" />
</a>
</div>
<div id="header-mob">
#5
SOGOOD
-
- Пользователи
-
- 48 сообщений
Пользователь
Отправлено 21 Ноябрь 2017 - 13:39
Спасибо большое, получилось, а как мне сделать шрифт чуть больше и поднять выше, выровнять со строкой поиска
Прикрепленные изображения
#6
Firefly
-
- Модераторы
-
- 3 810 сообщений
Активный участник
Отправлено 21 Ноябрь 2017 - 14:06
sogoodfso (21 Ноябрь 2017 - 13:39) писал:
Спасибо большое, получилось, а как мне сделать шрифт чуть больше и поднять выше, выровнять со строкой поиска
Здравствуйте.
В шаблоне main.css найдите код:
#header-mob{float:left;margin-top: 80px;font-size: 16px;margin-left: 10px;}
Замените на:
#header-mob{float:left;margin-top: 60px;font-size: 18px;margin-left: 10px;}
#7
SOGOOD
-
- Пользователи
-
- 48 сообщений
Пользователь
Отправлено 21 Ноябрь 2017 - 14:59
Ирина345 (20 Ноябрь 2017 - 15:52) писал:
Здравствуйте, найдите в шаблоне hTML код
замените на
<div class="container"> <div class="column full" id="header"> <div id="header-mob">
замените на
<div class="container">
<div class="column full" id="header">
<div id="header-logo">
<a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}">
<img class="logo" src="{ASSETS_IMAGES_PATH}logo.png?design=autumn" />
</a>
</div>
<div id="header-mob">
Прикрепленные изображения
#8
Firefly
-
- Модераторы
-
- 3 810 сообщений
Активный участник
Отправлено 21 Ноябрь 2017 - 15:22
sogoodfso (21 Ноябрь 2017 - 14:59) писал:
Вставил 2й телефон, как мне сделать так чтобы они были не в ряд, а переместить 2й телефон во вторую строку
Код в шаблоне main.css:
#header-mob{float:left;margin-top: 80px;font-size: 16px;margin-left: 10px;}
#header-mob a{text-decoration:none;}
Заменил на:
#header-mob{float:left;margin-top: 70px;font-size: 16px;margin-left: 10px;}
#header-mob a{text-decoration:none;display: block;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных
