Телефон

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

• Как изменить номер телефона на главной странице магазина
• Как задать цвет для номера телефона на главной
• Как изменить размер шрифта телефона
• Как изменить шрифта телефона
• Как добавить 2 и более номеров сразу
• Маска телефона

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

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

Рисунок 16.

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

Рисунок 17.

Рисунок 18.

Готово. Мы рассмотрели основные настройки номера телефона в магазине.