Телефон

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

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

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

Рисунок 1.

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

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

 

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

Для этого в клиентской части перейдите к трансформеру дизайна.

Рисунок 2.

Далее перейдите на вкладку "Настройки дизайна" и пролистайте вниз к блоку настроек "Телефоны".

Рисунок 3.

Здесь Вы можете добавить или изменить номер телефона на главной странице.

Рисунок 4.

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

Рисунок 5.

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

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

Телефон изменился (рис.6).

Рисунок 6.

 

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

Имеется возможность вывести в шапке сайта несколько номеров телефона при клике на иконку, такой вариант имеется шаблона Modern для шапки сайта Тип 1, Тип 2 и Тип 3 (рис. 7) (в случае других шаблонов это зависит от вариативности конкретного шаблона, имеет ли он такую возможность).

Рисунок 7.

Это можно реализовать через трансформер дизайна в клиентской части, разместив дополнительный номер телефона (рис. 8-9).

Рисунок 8.

Рисунок 9.

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

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

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

+7 (495) 123 64 24<br>+7 (495) 222 88 88

Если нужно разукрасить телефоны, то код будет точно таким же, как и описано выше, но вначале нужно добавить <span style="color:#2798d2;"> и в конце </span>

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

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

Сохраняем (рис.10).

Рисунок 10.

Пробуем(рис.11).

Рисунок 11.

И с цветом(рис.12).

Рисунок 12.

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

 

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

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

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

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

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

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

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

Указываем (рис.13).

Рисунок 13.

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

Рисунок 14.

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

 

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

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

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

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

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

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

Указываем (рис.15).

Рисунок 15.

Проверяем (рис.16).

Рисунок 16.

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

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

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

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

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

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

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

Изменяем (рис.17).

Рисунок 17.

Проверяем (рис.18).

Рисунок 18.

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

 

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

Например, при регистрации (рис.19) и оформлении заказа (рис.20) в поле контактный телефон используется маска телефона, для того, чтобы клиенты точно ввели все цифры телефона.

Рисунок 19.

Рисунок 20.

Для того чтобы удалить маску, необходимо перейти в панель администрирования, пункт меню "Настройки - Системные настройки - Локализация", в поле "Ключ" написать "Mask",  далее в столбце "Значение" удалить маску (рис.21). Также перейдите в раздел "Общие" и деактивируйте настройку "Использовать маску ввода для телефона" (рис.22).

Рисунок 21.

Рисунок 22.

 

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

Номер телефона указывается в разделе "Настройки - Общие настройки" поле "Основной телефон в числовом формате" (рис. 23).

Рисунок 23.

 

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

Для этого перейдите в пункт меню "Настройки - Системные настройки", вкладка "Страны и Города" и в открывшейся странице откройте необходимую страну (рис.24).

Рисунок 24.

Далее найдите область и перейдите в редактирование (рис.25).

Рисунок 25.

И в открывшейся странице в столбце "Номер телефона", либо "Номер телефона в мобильной версии" для необходимых городов можете задать номера телефонов (рис.26). В этом случае номер телефона будет меняться от города клиента.

Рисунок 26.

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