Как вам помочь ?
Телефон
В этой статье мы рассмотрим:
- Как изменить номер телефона на главной странице магазина
- Как добавить 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.
Как указать номер телефона в зависимости от города
Для этого перейдите в пункт меню "Настройки - Системные настройки", вкладка "Страны и Города" и в открывшейся странице откройте необходимую страну (рис.24).
Рисунок 24.
Далее найдите область и перейдите в редактирование (рис.25).
Рисунок 25.
И в открывшейся странице в столбце "Номер телефона", либо "Номер телефона в мобильной версии" для необходимых городов можете задать номера телефонов (рис.26). В этом случае номер телефона будет меняться от города клиента.
Рисунок 26.
Все готово. Мы рассмотрели основные настройки номера телефона в магазине.
Другие статьи по теме
Тэги: Как изменить номер телефона на главной странице магазина, ссылка на номер телефона, формат телефона , номер телефона в зависимости от города, Как изменить номер телефона, на главной странице магазина, изменить телефон, поменять телефон, изменить на главной, номер телефона, цвет телефона, другой цвет у номера телефона, номер телефона, телефон, телефония, ntktajy, маска, vfcrf? маска телефона, маска для телефона, страны регионы города, формат телефона, контактный телефон, шаблон телефона, ввод телефона, поменять телефон на сайте