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