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

Телефон

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

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

 

По-умолчанию, телефон на главной странице интернет-магазина на платформе 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.


Рисунок 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>

Сохраняем


Рисунок 11.

Пробуем,


Рисунок 12.

И с цветом.


Рисунок 13.

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

 

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

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


Рисунок 14.


Рисунок 15.

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


Рисунок 16.

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


Рисунок 17.


Рисунок 18.

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

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

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

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

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

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

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

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