Как вам помочь ?

Телефон

Актуально для версии магазина: 6.0 | 5.0-3.0

В этой статье мы рассмотрим:

 

По-умолчанию, телефон на главной странице интернет-магазина на платформе AdvantShop выглядит следующим образом:

По-умолчанию, телефон на главной странице интернет-магазина на платформе AdvantShop выглядит следующим образом

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

 

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

Для этого переходим в панель администрирования, в пункт меню "Настройки – О магазине", далее во вкладке "О магазине" находим поле "Телефон"

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

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

Задаём номер, к примеру, +7 (495) 123-45-67, сохраняем настройки, нажав кнопку "Сохранить" вверху страницы и смотрим на результат.

Телефон изменился.

Телефон изменился.
Рисунок 3.

 

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

Для этого так же переходим в панель администрирования, в пункт меню "Настройки – О магазине", далее во вкладке "О магазине" находим поле "Телефон"

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

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

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

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

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

Указываем

Как задать цвет для номера телефона на главной
Рисунок 4.

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

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

Сохраняем и смотрим в клиентской части
Рисунок 6.

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

 

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

Для этого так же переходим в панель администрирования, в пункт меню "Настройки – О магазине", далее во вкладке "О магазине" находим поле "Телефон"

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

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

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

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

Сохраняем

Как изменить размер шрифта телефона
Рисунок 7.

Пробуем,

Размер шрифта изменен
Рисунок 8.

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

 

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

Для этого так же переходим в панель администрирования, в пункт меню "Настройки – О магазине", далее во вкладке "О магазине" находим поле "Телефон"

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

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

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

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

Сохраняем

Как изменить шрифт телефона
Рисунок 9.

Пробуем,

Шрифт изменился.
Рисунок 10.

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

 

Как добавить 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>

Сохраняем

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

Пробуем,

Второй номер добавлен
Рисунок 12.

И с цветом.

С цветом
Рисунок 13.

Отлично, изменения применились.

 

Маска телефона

При регистрации (рис. 14) и оформлении заказа (рис. 15) в поле телефон можно написать любое количество символов, буквы, это не удобно, так как могут ошибочно забыть 1 цифру в номере телефона. Лучше использовать маску телефона.

Регистрация
Рисунок 14.

Оформление заказа
Рисунок 15.

Для того, чтобы в поле телефона была маска необходимо перейти в панель администрирования, пункт меню "Настройки"-"Системные настройки"-"Локализация", в поле "Ключ" написать "Js.Phone.PhoneMask", далее в столбце "Значение" напишите необходимый Вам формат номера телефона, например, +7(999)999-99-99 (рис. 16).

Добавление маски
Рисунок 16.

Таким образом, при регистрации (рис. 17) и при оформлении заказа (рис. 18) поле ввода номера телефона будет отображать маску, и клиенты номера телефонов будут вводить по формату.

При оформлении заказа поле ввода номера телефона будет отображать маску
Рисунок 17.

При регистрации поле ввода номера телефона будет отображать маску
Рисунок 18.

На этом настройка номера телефона завершена.

Другие статьи по теме

Открыть онлайн чат? Открыть
Статья оказалась полезной? Да Нет
Благодарим за отзыв.

Как мы можем улучшить статью?

Не нашли нужную статью? Предложить тему

Не нашли нужную статью?

Благодарим за отзыв.

Тэги: Как изменить номер телефона на главной странице магазина, Как изменить номер телефона, на главной странице магазина, изменить телефон, поменять телефон, изменить на главной, номер телефона, цвет телефона, другой цвет у номера телефона