С чем вам помочь?

Задавайте вопрос или опишите проблему, с которой Вы столкнулись

Как изменить номер телефона на главной странице магазина

Мы рассмотрим:

 

И так, мы все видели телефон в верхней части сайта, на главной станице. 

Например вот так

Указанный телефон, да ещё и на видном месте - это очень важно для интернет-магазина, однако, мы рассмотрим вполне приземлённые вещи. Например, как изменить сам номер, как задать цвет номера и прочее. 

 

Как изменить номер телефона на главной странице магазина

Для этого, переходим в панель администрирования, в пункт меню “Настройки – Общие”, далее во вкладке «Общие» находим настройку «Телефон»


Рисунок 2.

Собственно это он и есть, тут мы задаем тот номер который нам нужен.

Если ничего более менять не нужно, то просто сохраняем настройки, нажав кнопку «Сохранить» вверху страницы, и смотрим результат.

Телефон поменялся, всё отлично.


Рисунок 3.

 

Как задать цвет для номера телефона на главной

Для этого переходим, так же, в панель администрирования, в пункт меню “Настройки – Общие”, далее во вкладке «общие» находим настройку «Телефон»

Чтобы задать цвет, мы в это поле пропишем HTML с указанием цвета.

Конкретно, например, вот такой:

<span style="color:#2798d2;"> …тут номер телефона… </span>

В нашем примере, с нашим номером, получится вот так:

<span style="color:#2798d2;">+7 (495) 123 45 67</span>

Указываем


Рисунок 4.

Сохраняем и посмотрим в клиентской части


Рисунок 5.

Цвет применился, отлично.

 

Как изменить размер шрифта телефона

Для этого переходим, так же, в панель администрирования, в пункт меню “Настройки – Общие”, далее во вкладке «общие» находим настройку «Телефон»

Чтобы задать цвет, мы в это поле пропишем HTML с указанием размера.

Мы просто добавим в стили ещё один атрибут: font-size:16px;

Получится, вот так:

<span style="color:#2798d2; font-size:16px;">+7 (495) 123 45 67</span>

Сохраняем


Рисунок 6.

Пробуем,


Рисунок 7.

Отлично. Возможно мелковато, но принцип работы понятен, можно менять размер, указывая не 16px, а скажем 32px, 36px и т.д.

 

Как изменить шрифта телефона

Для этого переходим, так же, в панель администрирования, в пункт меню “Настройки – Общие”, далее во вкладке «общие» находим настройку «Телефон»

Чтобы задать цвет, мы в это поле пропишем HTML с указанием размера.

Мы просто добавим в стили ещё один атрибут font-family: Verdana; ( атрибуты между собой разделяются через точку с запятой ; )

Получится, вот так:

<span style="color:#2798d2; font-size:16px; font-family: Verdana;">+7 (495) 123 45 67</span>

Сохраняем


Рисунок 8.

Пробуем,


Рисунок 9.

Отлично, шрифт изменился.

 

Как добавить 2 и более номеров сразу

Для этого переходим, так же, в панель администрирования, в пункт меню “Настройки – Общие”, далее во вкладке «общие» находим настройку «Телефон»

Чтобы задать цвет, мы в это поле пропишем 2 номера телефона, и между ними нужно добавить <br>

Получится, вот так:

+7 (495) 123 45 67<br>+7 (495) 222 88 88

Если нужно разукрасить телефоны, то будет всё точно так же как и описано выше, но между телефонами мы добавим <br>

Например вот:

<span style="color:#2798d2;">+7 (495) 123 45 67</span><br><span style="color:#2798d2;">+7 (495) 222 88 88</span>

Сохраняем


Рисунок 10.

Пробуем,


Рисунок 11.

И с цветом.


Рисунок 12.

Отлично.

 

На этом всё.

Всё готово.

Открыть онлайн чат? Открыть
Статья оказалась полезной? Да Нет
Как мы можем улучшить статью?
Благодарим за отзыв.
Благодарим за отзыв. Мы улучшим эту статью.
Произошла ошибка.
Не нашли нужную статью? Предложить тему
Не нашли нужную статью?
Благодарим за отзыв.
Произошла ошибка.

Общие настройки магазина

Настройка email почты магазина Как подключить почту для сайта? Статические блоки (CMS) Как привязать магазин к домену (доменному имени)? Товары, мета по умолчанию - параметр "дополнительное описание" Как разместить ссылку на скачивание документа (файла) Настройка кнопок авторизации Open ID Google Запуск задач по расписанию Как изменить номер телефона на главной странице магазина Структура URL в интернет-магазине Как поменять текст Copyright внизу главной страницы Как сменить пароль администратора для магазина версии 5.0 Добавление карты Google в статическую страницу Управление видом вывода товаров в каталоге Письма клиентам Бренды (производители) Описание форматов писем Как разместить в карточке товара баннер, единый для всех товаров Как отключить фильтр производителей Как настроить отображение остатка в карточке товара Как переместить товары не в наличии в конец списка Как настроить отображение остатка в карточке товара Как настроить синхронизацию магазина с 1С Как добавить отзыв товару Как разместить свойство в карточке товара над ценой Как настроить отображение товаров на странице Бренды Подвал сайта Настройка сертификатов\купонов в корзине Поиск Микроразметка «Протокол Open Graph» Как изменить количество товаров на главной Менеджеры Мобильная версия сайта Запуск задач по расписанию для версии 5.0 Экспорт-импорт 301 редиректов Создание пунктов главного меню Работа со статическими страницами Онлайн консультант Как загрузить фотографию в текст страницы, описания или новости Сообщение - Магазин в настоящее время недоступен Подключение к Google Analytics API Добавление карты Yandex в статическую страницу "Контакты" Как подключить мобильный шаблон для интернет-магазина Валюта в магазине. Настройка валюты в магазине Как сменить пароль администратора Как войти в панель администрирования Настройка СЕО (SEO) модуля Документация AdVantShop.NET Добавление карты Google в статическую страницу Контакты Как подключить счетчики статистики на сайте Настройка конфигуратора интернет-магазина (инсталлятора) Настройка внешнего вида интернет-магазина Настройка почты и управление рассылками Работа со статическими блоками Установка счетчиков статистики. Яндекс.Метрика Настройка редиректа сайта с www на без www Установка счетчика посещаемости Liveinternet Установка счетчика посещаемости Google Analytics Установка счетчика статистики Google Analytics Карта сайта (sitemap) Редактирование блоков и текстов на главной странице Разграничение прав доступа в панель администрирования Как прописать дополнительные опции к товару Интеграция с системой MailChimp: подключение сервиса Добавление новости в интернет магазин AdVantShop.NET Настройка файла robots.txt Подтверждение владения сайтом Подтверждение права владения сайтом: загрузка файла в корень
© AdvantShop. Платформа для открытия интернет-магазина.