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

Телефон

Статья актуальна для версии магазина: 10.0-12.0 | 11.0mobile | 8.5-8.0 | 8.0 | 7.0-6.0 | 5.0-3.0

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

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

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

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

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

 

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

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

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

Далее перейдите на вкладку "Настройки дизайна" и пролистайте вниз к блоку настроек "Телефоны".
Как изменить номер телефона на главной странице магазина
Рисунок 3.

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

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

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

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

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

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

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

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

 

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

Имеется возможность вывести в шапке сайта несколько номеров телефона.

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

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

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

+7 (495) 000 00 00<br>+7 (495) 222 88 88

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

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

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

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

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

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

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

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

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

 

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

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

Баннер справа от слайдера.
Рисунок 10.

Несколько номеров на шаблоне Modern можно реализовать через трансформер дизайна в клиентской части, разместив дополнительный номер телефона (рис. 11-12).

Баннер справа от слайдера.
Рисунок 11.

Баннер справа от слайдера.
Рисунок 12.

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

Мы рассмотрели возможность шаблона Modern. В случае других шаблонов это зависит от вариативности конкретного шаблона, имеет ли он такую возможность

 

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

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

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

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

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

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

<span style="color:#2798d2;">+7 (495) 000-00-00</span>

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

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

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

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

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

 

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

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

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

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

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

<span style="color:#2798d2; font-size:32px;">+7 (495) 000-00-00</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) 000-00-00</span>

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

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

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

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

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

 

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

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

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

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

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

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

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

 

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

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

Телефон - 5298
Рисунок 23.

 

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

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

Телефон - 9832
Рисунок 24.

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

Телефон - 3746
Рисунок 25.

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

Телефон - 3191
Рисунок 26.

Как сделать номер телефона кликабельным

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

Чтобы сделать номер телефона кликабельным в это поле пропишем следующий HTML-код:
 

<a href="tel:+7 (495) 000-00-00;">+7 (495) 000-00-00</a>

Указываем (рис.27).
Телефон - 2142
Рисунок 27.

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

Телефон - 3010
Рисунок 28.

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

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

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

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

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

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

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

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

Мы используем cookies. Подробнее...
0